网页连接数据库,一个简单的登入界面以及实现登入功能

基于V#的ASP.NET.MVC 4 web 网站程序开发
接着上篇继续,上篇地址为https://blog.csdn.net/weixin_42534390/article/details/86576537
我们首先要有一个认知,就是ASP.NET.MVC 4 web 网站程序开发的三层架构概念,分别为BLL,DAL,MOD 这三层的概念,这是竖着的三层。横三层为view,Controllers,Models这三层。简单来说,view是用来给用户所看到的,通常view里面的数据可以通过js(一般用jquery)语言把它传给控制器中,然后控制器又能与数据库相连通,这就形成一个交互式网页。话不多说,上图直接走流程。
安装好mysql以及navicat之后,我们打开navicat。
网页连接数据库,一个简单的登入界面以及实现登入功能_第1张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第2张图片
连接名先按我写的“ceshi”,主机名和端口照抄,用户名和密码是前面你设置mysql时设置的。
网页连接数据库,一个简单的登入界面以及实现登入功能_第3张图片
点击连接测试,显示成功之后,点击确定,再点击右下角的确定。

网页连接数据库,一个简单的登入界面以及实现登入功能_第4张图片
再右击“ceshi”,点击新建数据库,出现如下图,把空白的改成我这样的。
网页连接数据库,一个简单的登入界面以及实现登入功能_第5张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第6张图片
点击新建表
网页连接数据库,一个简单的登入界面以及实现登入功能_第7张图片
接着我们来设计表,按我的图来。
网页连接数据库,一个简单的登入界面以及实现登入功能_第8张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第9张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第10张图片
点击左上角保存。
网页连接数据库,一个简单的登入界面以及实现登入功能_第11张图片
添加表名之后,点击确定。
接着我们来导入几个用户,首先得找到我们前面的那张表:
网页连接数据库,一个简单的登入界面以及实现登入功能_第12张图片
点击保存之后,下面我们用动软代码生成器来打包我们的这个数据库中的表。
网页连接数据库,一个简单的登入界面以及实现登入功能_第13张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第14张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第15张图片
选择框架用简单三层模型,用动软打包好所需要的数据库中的表之后就开始需要引用了,由于此时我的电脑的动软用不了,我后面会专门写篇博客来详细描述这个过程。
打包好后,记得你存放的位置,下面我们开始来引用。
网页连接数据库,一个简单的登入界面以及实现登入功能_第16张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第17张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第18张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第19张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第20张图片
添加之后会自动打开网页,正常,第一次都是那样的。接着应该会看到:
网页连接数据库,一个简单的登入界面以及实现登入功能_第21张图片

下面开始引用。
网页连接数据库,一个简单的登入界面以及实现登入功能_第22张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第23张图片
全勾起来。因为后面要用到。
网页连接数据库,一个简单的登入界面以及实现登入功能_第24张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第25张图片
也是要全勾起来。
下面来连接数据库
网页连接数据库,一个简单的登入界面以及实现登入功能_第26张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第27张图片
添加的语句如下:

其中userid为你自己mysql设置的,password也是mysql里的,其余的不要改。

还要去改一个东西。
网页连接数据库,一个简单的登入界面以及实现登入功能_第28张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第29张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第30张图片
网页连接数据库,一个简单的登入界面以及实现登入功能_第31张图片
下面我们就可以开始了。
首先去控制器里写一个函数作为登入时用的。写完之后添加视图,
网页连接数据库,一个简单的登入界面以及实现登入功能_第32张图片
再写一个登入函数的重载
网页连接数据库,一个简单的登入界面以及实现登入功能_第33张图片
exp是你数据库中表的名字。
前端主要是传值的问题,附图:
网页连接数据库,一个简单的登入界面以及实现登入功能_第34张图片
做出之后效果如下:
网页连接数据库,一个简单的登入界面以及实现登入功能_第35张图片
点击登入:
网页连接数据库,一个简单的登入界面以及实现登入功能_第36张图片
至于前端模板再源码之家有,主要是传值的问题,需要我们注意。这就是大概流程。

你可能感兴趣的:(WEB)