当前位置: 首页 > article >正文

Asp.net Mvc 电脑销售系统

2 系统实现

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所示。

在这里插入图片描述

图2.14 商品管理功能图

实现过程:管理员成功登录后,点击商品管理,就会进如商品管理主页,当管理员进行商品类型的添加,删除操作时,便会请求ProductCategoryController控制器,这时控制器里对应的方法,便会进行相应的操作。

2.4.5 商品管理

管理员点商品管理,便可以查看商品信息,对商品信息进行相应操作,如图2.15所示。

图2.15 商品管理功能图

实现过程:管理员成功登录后,就会进入管理员的主页面。点击商品信息管理,就会触发项目的ProductController.cs商品控制器类。当管理员进行相应操作的时候,该控制器下对应的方法便会,对数据库进行对应的操作。

2.4.6 订单管理

管理员点击订单管理情况,就能对订单进行管理。订单相关操作,如图2.16所示。

在这里插入图片描述

图2.16 订单相关图

实现过程:管理员登录以后,点击订单管理操作,这时候页面会向控制器发送请求,请求到SysOrderController控制器,该控制器下的GetOrderList会将对应的数据返回给页面,在页面上进行展示。管理员可以对,对应的商品进行发货处理。

2.4.7 评论管理

管理员点击评论管理情况,就能对评论进行管理。公告相关操作,如图2.17所示。

在这里插入图片描述

图1.17

实现过程:管理员登录以后,点击评论管理操作,这时候页面会向控制器发送请求,请求到CommentController控制器,当管理员发布公告时,该控制器下的AddResult会把相应的数据保存到数据库,到管理员进行修改操作时AlterResult会将对应的数据进行修改,删除操作时Delete,会对数据进行删除操作。

详情见http://www.eqicode.com/Code/Detail/167.html


http://www.kler.cn/a/399269.html

相关文章:

  • Gin 框架中的路由
  • docker-hub 无法访问,使用windows魔法拉取docker images再上传到linux docker环境中
  • Git_2024/11/16
  • 实战:一文讲透模糊匹配的三种方式的区别
  • vue3 element el-table实现表格动态增加/删除/编辑表格行,带有校验规则
  • RHCE的学习(20)
  • @ComponentScan:Spring Boot中的自动装配大师
  • Ubuntu下Xshell连接腾讯云服务器
  • 第26天进程(一)
  • 创建型设计模式与面向接口编程
  • w040基于web的社区医院信息平台
  • 【MYSQL】锁详解(全局锁、表级锁、行级锁)【快速理解】
  • STL关联式容器介绍
  • 预处理(1)(手绘)
  • 【Axure原型分享】轮播表格_开始暂停效果
  • 基于语法树的SQL自动改写工具开发系列(2)-使用PYTHON进行简单SQL改写的开发实战
  • LeetCode题解:18.四数之和【Python题解超详细】,三数之和 vs. 四数之和
  • redis类型介绍
  • docker .vhdx文件压缩
  • Linux性能优化之火焰图简介
  • Failed to create a temp file - Jenkins 无法创建任务
  • SpringCloud篇(服务保护 - Sentinel)
  • [C++] 惯用法
  • 【windows笔记】04-windows下设置端口转发规则(局域网组网实用)
  • 优选算法 - 5 ( 栈 队列 + 宽搜 优先级队列 9000 字详解 )
  • Windows下 TortoiseGit 的使用