Web入门之VScode连接数据库sql server(超详细)

Web入门之VScode连接数据库sql server(超详细)

今天我们终于开始连接数据库啦,作为一个登录页面,怎么能不连接我们已经建立好的school数据库呢,下面,我们一起来连接吧,非常简单哦。

打开数据库

第一步当然就是打开我们的数据库啦,以前我们可能常常使用本机地址一键登录,不过这次我们需要使用密码登录喽。
Web入门之VScode连接数据库sql server(超详细)_第1张图片
身份验证这里我们选择SQL Server 身份验证,登录名一般默认都是sa,输入密码,密码我们之前设好过,如果忘记也没关系,是可以修改的,如果忘记的话,之后我会写一篇文章,介绍如何修改密码。
我们点击连接,就连接成功啦。

VScode连接SQL Server

我们打开VScode,选中左边导航栏的第四个Extensions,在搜索框中输入mssql,下面会出现install,我们点击开始安装,这里我已经安装好了。
Web入门之VScode连接数据库sql server(超详细)_第2张图片接下来安装好之后,左边导航栏会出现一个新的图标,没错,就是我们刚刚安装的SQL Server,现在我们点击它,如图所示
Web入门之VScode连接数据库sql server(超详细)_第3张图片
我们点击Add Connection前面的“+”号,开始连接。先是如图所示输入框,我们输入(local)然后Enter
在这里插入图片描述接下来,输入数据库的名称(数据库在SQL Server中已经建好了)
在这里插入图片描述接下来,选择SQL Login
Web入门之VScode连接数据库sql server(超详细)_第4张图片接下来,输入用户名,就是我们刚刚登陆的名字哦
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210127174414323.PNG#pic_center接下来,输入密码
在这里插入图片描述这里保存密码的话,我们选择Yes就好了。
Web入门之VScode连接数据库sql server(超详细)_第5张图片最后这里,我们直接Enter就好了
在这里插入图片描述

连接成功

现在我们就连接成功啦,我们可以看到左边就出现我们连接的数据库啦。
Web入门之VScode连接数据库sql server(超详细)_第6张图片我们右击school数据库,新建一个查询
Web入门之VScode连接数据库sql server(超详细)_第7张图片输入对C表的查询,来看看结果怎么样
Web入门之VScode连接数据库sql server(超详细)_第8张图片哦豁,表的结果就出来啦,非常成功,是不是很简单啊。

你可能感兴趣的:(Web开发,sqlserver,数据库,vscode)