基于ASP.NET的在线商城设计与实现

关键词：

系统使用Visual Studio 2017工具集进行开发, 在结构上选用MVC三层模型, 借助实体框架 (Entity Framewor6) 来访问数据库, 实现了用户浏览购买商品, 管理员后台管理等功能。

一、系统结构设计

系统在结构上采用MVC三层架构, 即模型 (Model) 、视图 (View) 、控制器 (Controller) 。其中模型与数据库相联系, 控制器可在创建时引用模型文件, 视图可在头文件中引用需要的模型文件, 引用后即可对模型数据即数据库数据进行添加, 删除, 编辑, 查询等操作。控制器是用C#语言编写的自定义的类, 所有用户请求都要先经过控制器中的某个操作方法来处理。视图是与用户直接交互的页面, 每个视图子文件夹都有一个与之对用的控制器, 且子文件夹的名称就是控制器名称去掉Controller后的名称, 子文件夹中的视图可以使用HTML帮助器或Ajax帮助器直接调用所对应的控制器中的操作方法。

二、数据库设计

系统利用实体框架从数据库生成模型类和数据上下文类。数据库采用VS开发环境自带的SQL Server Express Local DB, 这种数据库用法简单, 并且将项目和数据库从一台计算机移植到另一台计算机上时, 不需要对数据库进行单独操作。在实体框架中, 若需要修改数据库结构, 只需要修改模型类中的代码即可, 每次修改后再次运行项目时实体框架都会删除已经存在的数据库, 并且按照修改后的结构重新创建数据库。

三、界面设计

系统界面主要使用HTML5、Java Script、JQuery、Bootstrap等语言或框架进行编写, 共有首页, 商品详情, 购物车, 订单结算, 后台管理等三十多个视图或分部视图。

(一) 热销商品展示

首页中展示商品销量前8位的商品, 根据Product数据库中Sell Num指标来确定, 并使用Html.Display For帮助器来查询显示商品信息。

@foreach (var item in Model) {i++;if (i>8) {break;}

”@item.Description”src=”~/@item.Url”/ //显示商品描述和图片

@Html.Action Link (item.Name, “Product Detail”, new{id=item.Id}) //进入商品详情页

$@Html.Display For (model Item=>item.Price) 元}//显示商品价格

(二) 商品轮播图和实时天气显示

首页轮播图使用Bootstrap框架中的Carousel插件, 实时天气显示借用2345天气插件, 能够实现自主切换城市。

四、用户功能

新用户注册后方可登录, 登录后可以分类查看商品或检索商品, 将喜欢的商品加入购物车, 在购物车中可进行商品数量的增减操作和商品删除操作, 结算时输入收货人及联系方式即可完成订单。首页导航栏中有个人中心, 包含订单查看, 个人信息查看, 修改密码和修改收货地址功能。

(一) 商品检索功能实现

在控制器的操作方法中获取视图中用户填写的表单信息, 在Product数据库中检索商品名称, 将检索到的商品返回给视图进行显示。

string str=Request.Form[“searchcontent”];//检索框中的内容

var member= (from p in db.Products where p.Name.Contains (str) select p) .To List () ;//检索到的商品

(二) 订单结算实现

订单结算时使用User.Identity.Name获取当前登录用户的登录名, 进而查询用户收货地址信息, 使用View Bag属性传递给结算页面进行显示, 连同用户填写的收货人及联系方式写入Order Headers数据库中, 并检索当前购物车中的商品实例, 遍历计算价格后将商品信息和订单号填入Order Details数据库中, 为订单详情查询请求提供数据支持。

五、后台管理

后台管理功能主要包括商品类别添加, 商品添加、编辑和删除, 用户添加和用户列表查看, 订单详情查看, 日志查看等。其中商品图片上传部分, 对于前端页面中提交的本地图片路径信息, 将其前缀路径改为项目子文件夹 (Upload Files) 的路径后进行存储。

string upload Path=Server.Map Path (“../Upload Files/”) ;//项目子文件夹Upload Files路径

Http Posted File Base file=Request.Files[0];//本地图片路径

string file Path=upload Path+Path.Get File Name (file.File Name)

file.Save As (file Path) ;//保存文件到服务器

六、结语

本文使用ASP.NET MVC模型, 综合实体数据框架及多种语言完成了在线商城的设计与实现, 并针对重点难点内容提出了解决方法, 展现了使用ASP.NET的完整开发过程, 具有一定的实践指导作用。

摘要：ASP.NET MVC是在.NET框架的基础上构建的一种免费的、开源的Web应用程序编程模型, 既可以混合使用多种语言快速创建前端动态页面, 又可以将后端的数据支持、用户界面、和逻辑处理完全分离。笔者借助ASP.NET模型综合HTML5、JavaScript、Ajax、Bootstrap、C#等语言或框架完整地实现了在线商城的购物功能与后台管理功能, 并对系统各个模块的重点内容进行了分析。

关键词：在线商城,ASP.NET,MVC模型