Asp.net MVC 电脑装配网站

系统实现

2.1 系统框架

该服务平台采用三层架构，以ASP.NET MVC框架为基础 [6]。采用仓库设计的方法，布署灵便。.NET Framework是一个开源框架，适用混合开发。系统软件的集成开发工具是Visual Studio 2019。在数据库的开发中，利用了一个集成环境中的本地DB，利用 B/S架构，利用一个依赖注入的界面，而不是直接使用依赖关系，而是通过. NET核心提供的一个服务容器来完成。系统程序后台文件图，如图2.1所示。

图2.1 系统程序后台文件图

2.2 用户功能

2.2.1 用户注册

用户在注册界面填写用户名、密码、真实姓名、手机号码、信息后点击“注册”按钮，然后就可以登录本网站了。用户注册功能图，如图2.2所示

图2.2 用户注册功能图

实现过程：用户点击注册按钮，就会跳到注册页面。用户输入户名、密码、真实姓名、手机号码等资料，按下注册按钮，即可完成注册。如果输入的信息是空白的，则会提示输入信息，接着会，跳到 AccountController. cs的控制类。并且利用SysUserManage来保存注册信息。最终，通过 userManage.Reg(regUser)来存储用户的登记信息，并进行用户的登记。

2.2.2 登录

用户输入帐号、密码、验证码，登录系统后，可以进行点餐，下单等操作。登录功能图，如图2.3所示。

图2.3 登录功能图

实现过程：用户输入帐号、密码及正确的验证密码，点击登录，该项目将会在控制器中LoginResult ()登录控制方法。进入userManage.Login(),进行账号密码的比对，若账号密码正确，便登录成功，账号密码错误便提示账号密码错误。

2.2.3 电脑销售商品介绍

用登陆成功后，进行商品介绍，如图2.4所示。

图2.4 商品介绍功能图

实现过程：请求商品展示页面，进入Home控制器，然后返回给前端页面，前端页面采用ajax请求展示请求后台接口/Home/ GoodsList，接口以json的形式返回商户数据展示数据。

2.2.4 商品详情介绍

用户点击商品详情介绍，就能看到商品详情信息。商品详情介绍功能图，如图2.5所示。

图2.5 商品详情介绍功能图

实现过程：当用户点击商品图片，便可以跳转到商品详情页面， 请求到Goods控制器下的Detail方法，通过product.ProductInfo(),获取商品数据信息，返回给前端，前端进行显示展示数据。

2.2.5 我的信息介绍

用户登录系统后，点击我的信息后，便可以查看到我的信息详情。我的信息介绍功能图，如图2.6所示。

图2.6 我的信息介绍功能图

实现过程：用户登录成功之后，点击我的信息按钮后，会跳转到我的信息页面，在我的信息页面点击我的信息页面时会调用UserController控制器下的Index方法，会展示用户的信息，用户在这里，可以对信息进行修改操作，修改后点击修改按钮，便可以保存信息。

2.2.6 下单

用户点击喜欢的商品，可以选择立即购买或者把商品加入购物车，商品下单效果图，如图2.7所示。

图2.7 下单功能功能图

实现过程：用户对喜欢的商品点击下单操作以后会调用PayController控制器下的PayOff 方法进行下单，便可以进入付款页面，在下单的时候用户可以选择订单的类型，选择完成以后，调用便可以将下单的数据提交的后台数据库进行保存。

2.2.7 购物车功能

用户可以将喜欢的商品，加入购物车，点击加入购物车便可以加入购物车，后续可以继续添加商品，如图2.8所示。

图2.8 购物车功能图

实现过程：当用户登录成功后，点击上商品上的加入购物车，就会把商品信息添加到购物车当中，会调用PayContoller下的 AddShopping方法，将商品添加到购物车中，用户点击继续购物，会跳转到商品展示页面，这时候用户可以继续将喜欢的商品加入购物车中，然后下单付款。

2.3后台功能

2.4.1 登录

点击后台管理进入管理员登录界面，输入账号、密码和正确即可进入网站后台管理界面。登录功能图，如图2.11所示。

图2.11 登录功能图

实现过程：管理员在登录时输入帐号、密码及正确的验证密码。点击登录按钮，该项目将会使用LoginController控制器中LoginResult ()登录控制方法。在这个方法里会对用户提交的账号和密码到数据库对比。最后对比正确，验证完角色类型后登录到相符合的系统当中。

2.4.2 网站用户信息管理

管理员点击网站用户信息，就能对用户进行添加、删除、查看。新增用户时，填写用户姓名、性别、地址等信息。用户信息管理功能图，如图2.12所示。

图2.12 用户信息管理功能图

实现过程：管理员在成功登录后，就会进入管理员的主页面。点击用户管理，就会触发项目的SysUserController.cs用户控制器类。并通过该控制器，对用户信息，进行增删改查的操作。

2.4.3 后台管理员信息管理

管理员点击后台管理员，就能对管理员进行添加、删除、查看。如图2.13所示。

图2.13 后台管理功能图

实现过程：管理员在成功登录后，就会进入管理员的主页面。管理点击管理员管理，就会触发项目的SysAdminController.cs管理员控制器类。该类里的增删改查方法，会对管理员的添加，修改，删除请求信息，保存数据库里，并进行数据的更新。

2.4.4商品类别管理

管理员点击商品类别信息管理会进入商品管理，如图2.14所示。