《.net/C#项目总结--基于asp.netMVC小型网上购物系统的模块》

作者:龙文浩
本次任务完成时间:2019年3月1日~2019年4月8日
开发工具与关键技术:SQL Server .net/C#、MVC、javaScript、jQuery、css3、HTML5
完成模块功能:登录注册、留言、浏览商品、购物车、结算
一、功能实现
登录模块主要包括‘解析密码’的功能模块。
登录页面,见下图:
这个登录主要是后台去解析数据库中数据的加密,要解密数据之后进行判断对比,加密的密码也在下图:
在这里插入图片描述
在这里插入图片描述
登录后的主页面,见下图:
主页面也是反复的修改,这是目前我修改得比较满意的主页面:
主页面的导航栏显示当前登录人的名字,这个功能是通过地址栏传递参数过来的,还有登录、注册、留言的按钮点击,再导航栏右边,还有一些小操作,还有一个我的购物车按钮,这个页面简单干净,个人比较喜欢了。
在这里插入图片描述
2
在这里插入图片描述
3
在这里插入图片描述
4
注册模块主要包括‘密码加密和验证注册信息’的功能模块。
注册页面,见下图:
注册页面主要的重点是验证身份证信息,和密码加密、由于手上没有全国的身份证信息,这里我只能验证身份证的格式是正确的就让人通过了;
注册用户,点击左上角的注册模块,去到注册用户的页面,如下图:
在这个页面需要用户去输入要求的内容的格式,并且使用maxLenght验证的同时,也使用了正则来较准确的验证输入内容的合法性,上传图片也采用内嵌的形式来上传,能节约一定的服务器空间;
在这里插入图片描述
5
在这里插入图片描述
6
后台通过严谨的正则验证,如果用户输入有误则返回提示,如下图:
在这里插入图片描述
7
可以准确的告诉用户哪个地方有错误。信息保存完成之后,数据保存进去数据库,出现的是加密的数据,可以有效的保护客户的隐私,如下图:
在这里插入图片描述
8
保存进去数据库的是这样的加密状态,可以有效的保护客户的信息;
在这里插入图片描述
9
上面是数据库放大之后的内容;
浏览商品模块主要包括‘高效的搜索商品和加入购物车’的功能模块。
浏览商品模块页面,见下图:
浏览商品,我最注重的是它的性能,查询数据加载不能太慢,在其他条件一样的情况下,要加载的数据越少速度会相对快一点,于是这个查询就格外注重加载数据的数量了,比如,一次只加载18件商品通过某些操作再加载剩下的商品,具体如下:
在这里插入图片描述
10
首次加载,没有加载数据库所有的商品,而是加载页面刚好放得下的18件商品,
通过点击加载更多,不断的加载数据的商品,从而提高了产品的性能,效果如下图:
这里其实有两种方式触发,一种数滚轮事件,一种是点击事件,调用同一个函数就行了,
但是,滚轮事件到还没来得及做呢。
在这里插入图片描述
11
可以看到右边的滚动条开始变得越来越小,商品数量开始增多;
点击红色的小购物车图标,弹出加入购物车数量的提示,如下图:
在这里插入图片描述
12
在数量哪里,使用的正则验证,只接受1到15位的数字,否则给出提示“请输入数字型”(我给的提示时间0.5秒,不截图提示了):
加入了购物车,仅剩库存会减去加入了购物车的数量,购物车系统也会定时清理或提示用户去定时清理,时间太久,系统才会自动清理;
搜索商品,输入条件,系统进行模糊匹配商品,如下图:
在这里插入图片描述
13
同样的,商品太多也只加载屏幕放得下的18条数据,只有商品不是那么多的时候才加载少一些:
在这里插入图片描述
14
点击更多的时候,才会加载其他的数据,除非数据库的数据全部加载完,不然会规矩的按照每次增加屏幕上放得下的商品,这样来提高产品的性能,即加载速度更加的快速,也解决了一个商品数量庞大的时候的问题:
在这里插入图片描述
15
购物车模块主要包括‘计算金钱、结算保存’的功能模块。
购物车模块页面,见下图:
购物车模块是重点,涉及金钱的计算,也是考虑最久的模块;有几种情况:
1是未选择商品对商品修改数量,然后选择商品后计算出“数量“”总金额“”库存“
2是选择了商品对商品数量进行修改,然后计算出“数量“”总金额“”库存“
3是选择了商品,之后中途删除一件商品,需要获取该商品数量和金钱再计算出结果,同时还有给库存增加上相应的数量
4是选择了别人先购买了,再点击结算,需要重新去库存判断是否足够,不够则提示,该商品已被抢空
在这里插入图片描述
16
在主页面的右边,有我的购物车,点击后来到这个页面,可以全选商品,可以选择一件商品,
可以随意删除商品移出购物车,可以随意改变商品的购买数量(不能小于1,不能超出库存,两者系统都会提示相应的提示的。)
在这里插入图片描述
17
点击结算就可以结算了:
在这里插入图片描述
18
结算之后购物车会清空相应的数量,并且弹出‘成功的提示语’;如下图:
在这里插入图片描述
19

已售出商品模块主要包括‘操作已售出商品’的功能模块。
已售出商品模块页面,见下图:
每一个账号登录后,多查看的“已售出商品管理“,仅仅的属于当前账号的,除了管理员具有最大权限可以查看所有人的,其他人就只能查看自己的”已售出商品管理“,这里还区分两种角色,就是卖家和买家,买家的话,这个功能是隐藏起来的,只有是卖家才能进来这个页面;
在这里插入图片描述
20
可以在这个页面点击删除、和已送达等;
例如、目前完成删除和已送达;
点击删除时。需要出现当前登录人的密码和姓名;这样避免了其他人的随意删除;
在这里插入图片描述
21
点击已送达,会改变这个商品的状态,如下图:
在这里插入图片描述
22
这个页面还有几个功能在开发中:其中一个是:是否显示已送达的商品等
商品进货模块主要包括‘商品进货’的功能模块。
商品进货模块页面,见下图:
这个模块主要是对卖家开放的,只有卖家才有进货的需求,卖家都是没有这个需求的了,
所有,账户哪里需要声明是卖家还是买家的;
这个页面主要考虑的仍然对输入内容的验证和提示的准确性,还有用户使用的方便性,
它还可以自动计算出进货金额和计算单价,这个使用鼠标事件做的,用了两个鼠标事件,
一个是失去焦点事件和鼠标进入事件,然后确保无论什么时候都能在用户修改数据后还能计算出
准确的数据;在点击保存按钮的时候,还会再去验证一遍内容的;
在这里插入图片描述
23
在这里插入图片描述
24
上面就是我目前完成的内容了,马上要开始学习wpf和mvvm的只是,这个项目就先停下来吧。

二、相关业务表和关系
在这里插入图片描述

三、经典代码
批量标记对账:
内嵌一张图
在这里插入图片描述
绑定和处理下拉框:
在这里插入图片描述
改变购物车数量:
在这里插入图片描述

四、开发总结(不少于500字)
当然对数据库表与表之间的关系掌握程度也会得到一个提升,而且这一次独立来做数据库无形当中也增强了我的逻辑思维能力和增加了思考量,这是好的。虽说用文档来做导致自己在做数据库中花了很多时间去构建思维网络,但就是在想来想去的思考当中把这些业务流程想明白了。
还有就是在做这一个系统时,由于没接触过海运所以对海运业务流程不是很熟悉再加上任务书的不完整导致前期进程缓慢,因为只要逻辑思维没搞清除我就没思路往下敲代码,所以就咬紧牙关—思路必须打通,构建完整数据库,代码才有意义。随后知道系统与生活相依存。

发布了115 篇原创文章 · 获赞 36 · 访问量 9866

猜你喜欢

转载自blog.csdn.net/weixin_44548307/article/details/89092326
今日推荐