基于node.js移动服装商城的设计与实现(二)

本论文在计算机毕业论文栏目，由论文格式网整理,转载请注明来源www.lwgsw.com,更多论文,请点论文格式范文查看

（1）健壮性设计，健壮性是系统非常重要的外部衡量标准，直接反应了分析设计和编码人员的水平。

（2）可靠性设计，系统规模越大便会越复杂，其可靠性也越难保证。

（3）权限分明原则，不同的用户角色能获得不同的权限。

（4）模块化设计，系统功能结构具有良好的伸缩性。

（5）人性化设计，让用户使用起来非常方便、舒适，用户体验性强。

2、网站功能结构

根据网站需求分析，移动服装商城主要由以下几大系统模块。

（1）商品信息模块：商品的展示包括部分商品和全部商品。

（2）登录模块：QQ登录。

（3）订单管理模块：提交将要购买的数据。

（4）在线支付模块：支付宝支付。

三、网站具体实现

1、主界面设计与实现

（1）前端的商城主界面：网站主页主要是为了能够方便的一眼就找到自己所需要的商品，因此主界面设计如3.1的界面。将主要的商品种类，或者促销活动在主页中呈现出来，使用户在浏览时一目了然，然后根据用户所需自行选择，用户也可以在搜索框里进行筛选，有目的快速选择商品。

图3.1移动商城前端首页主界面图

（2）商品搜索界面：在商城主界面输入商品的“关键字”再确定，即可进入查看搜索结果的页面，其界面如图3.2所示，将会展示所有匹配到的商品，并同样的可以根据销量或者是价格进行排序。

图3.2移动商城商品搜索界面图

（3）商品详情界面：任意界面点击“商品”即可进入商品详情界面，其界面如图3.3所示。会有一个商品的轮播图，来进行展示，并且可以选择加入购物车或者直接购买商品。

图3.3移动商城商品详情界面图

(4)提交订单：在商品详情界面中点击“立即购买”按钮，或者在订单中的“代付款”模块下选中商品点击“去支付”，即可进入提交订单界面，其界面如图3.4所示。详细的展示了订单的情况。可以进行收货地址的修改，可以填写留言信息。

图3.4移动商城提交订单界面图

(5)支付界面：点击“提交订单”，即可进入在线支付界面，其界面如图3.5所示。

用户可以选择支付宝支付。点击“确认支付”，会发送请求到后台，先确认订单的情况，是否有库存，是否有效，价格是否正确，然后由后台跳转到支付宝对应的支付界面。支付完毕后返回到订单界面。

图3.5移动商城支付订单界面

(6)点击主界面右下角三点三横图标进入“我的订单界面”，可查看待付款项数及具体款项，待发货数及具体款项、待收货项数及具体款项、收获地址、客户中心、售后服务等其界面如图3.6所示。

图3.6我的订单界面

2、网站模块设计与实现

用户登录主要有用户使用qq登录，在其它的浏览器内打开，使用qq登录。比如购买或者查看订单，需要使用到用户的信息了，就回去判断用户是否登录，cookies里面是否还有未过期的用户信息，如果有，直接使用。如果没有，就需要登录了，首先会判断是不是在QQ里面，直接调用qq登录函数,默认会带上user_id的参数。

四、网站的调试

1、网站运行环境

客户端：Windows XP、Windows 7或Windows 8；IE，Chrome，Firefox，浏览器。

硬件要求：奔腾3及以上处理器，512M及以上内存。

2、网站的测试

（1）网站启动

打开浏览器输入系统地址http:www.hongguoshishang.cn进入用户操作前端主界面，如图4.1所示。

图4.1系统启动主界面

（2）在线购买

学生通过点击首页的商品展示任意图片，可以商品详情页面，选择加入购物车然后选择颜色和尺寸则商品添加入购物车，点击立即购买然后选择颜色和尺寸则进入提交表单。界面如图4.2所示。

图4.2购买界面图4.3提交订单界面

（3）在线支付

学生通过在自己的电脑或其他能访问Internet网络的电脑访问校园小型公益网站，通过自己的用户名登录，可以在想要参与的项目中与项目发布者进行留言对话等，如图4.5所示。

图4.5在线支付界面

结语

网站是使用前端脚本语言java script和前端框架jQery开发，jQuery是一个快速、简洁的java script框架，是继Prototype之后又一个优秀的java script代码库（或java script框架）。B/S结构模式，Web浏览器是客户端最主要的应用软件。这种模式统一了客户端，将核心的系统功能实现部分集中到服务器上，简化了系统的开发、维护和使用。

移动服装商城的开发，首先完成针对本系统的需求调研、资料的收集、系统需求分析、总体设计、详细设计等。然后根据上述情况选择合适的设计模式，搭建开发环境，对系统进行编码。随着移动电商作用的突显，企业发展的核心业务逐渐变成了建设移动网上商城，一套好的移动网上商城系统更能满足企业需求，而建设这样的移动网上商城有如下意义。

经过这次移动商城的网站毕业设计之后，我真正深刻的认识到了在网站设计开发中，网站的需求分析的重要性，架网站需求分析的好坏直接影响到你对网站设计以及后续的功能开发，再者就是架构。要尽可能完善网站功能，充分考虑到网站的安全性、性能好坏、用户体验性、可维护性、可扩展性等，这也是一个合格的网站所必备的要素。

首页上一页 1 2 下一页尾页 2/2/2


上一篇：校园二手拍卖网站的制作	下一篇：个人网页的设计与实现

Tags：基于 node.js 移动服装商城设计实现

【收藏】【返回顶部】