电商网页设计代码-购物网站设计与实现论文

2. 用户注册页面13

3. 用户登录界面 13

4.产品详情界面14

5.我的购物车第14页

6.提交订单第15页

(2)管理员功能模块16的实现

1.管理员登录页面16

2.管理用户页面16

3.修改用户信息第17页

4. 管理员设置 17

5.管理员修改首页轮播设置 18

6.管理员修改消息管理 18

7. 管理员更改内容管理 19

8.管理员修改眼镜内容管理19

6.网站测试20

(1) 测试目的20

结论21

致谢 22

参考文献23

一、概述

（一）学科背景

随着互联网的蓬勃发展，网上商城作为电子商务的一种形式，以其高效率、低成本的优势逐渐成为一种新兴的商业模式和理念。 人们不再满足于浏览、发布信息，而是渴望能够充分享受互联网带来的更多便利。 确实，顾客足不出户就可以方便快捷地购买到自己喜欢的商品。 这正是网上商城给顾客带来的好处。

2009年以来，以网络购物、在线支付、旅游预订等为代表的商务应用持续快速增长电商网页设计代码，带动了其他互联网应用的发展，成为我国互联网发展的显着特点。 这一趋势在2011年仍将持续，中国的网络购物应用依然快速发展。

（二）研究现状

据悉，自2009年起，阿里巴巴集团每年11月11日都会举办大型消费者回馈活动，一直被认为是中国电商行业的年度盛事。 去年，“2012双+11天猫淘宝购物嘉年华”实现成交额191亿元，其中仅天猫就达到132亿元，淘宝则达到59亿元。 +2012年天猫双十一全天销售纪录，2013年双十一13点04分达到191亿元。 +2013年天猫双十一24小时销售额，关心那些瞬间的人数已经出来了，而且是破纪录的350.19亿元的数字。+这些数据都表明，网络购物正在变得越来越多在中国很重要，人们越来越依赖网上购物。 然而，网上购物也存在很多风险。

（三）研究目的和内容

对于一个网上购物系统，首先要保证顾客能够方便地选择商品。 系统应具有对商品进行分类和选择的功能，系统必须实现购买功能。 在系统后台，管理员可以管理产品、产品类别、客户采购订单。 +根据分析，本系统主要由前台和后台两部分组成。 前台是客户端，顾客可以在这里购买商品，后台是商品管理终端，管理商品和订单。

2.相关技术介绍

(1)PHP技术

1.PHP简介

PHP（PHP：Hypertext Preprocessor）是一个“超文本预处理器”。 它是一种在服务器端执行的脚本语言。 它特别适合Web开发，可以嵌入HTML中。 PHP语法学习了C语言，吸收了Java、Perl多种语言的特点发展了自己独特的语法，并根据各自的长处不断完善自己，比如Java的面向对象编程。 该语言最初创建的主要目标是让开发人员快速编写高质量的网站。 PHP同时支持面向对象和面向过程的开发，使用起来非常灵活。

2、PHP有其自身的优点：

1、安全性高：PHP具有公认的安全性能。

2、跨平台特性：PHP支持几乎所有操作系统平台，并且支持Apache、IIS等多种Web服务器，使其广泛流行。

3.支持广泛的数据库：可以使用多种主流和非支流数据库。

4、易学性：PHP内嵌HTML语言，主要是脚本语言，内置功能丰富，语言简单，编写简单，易于学习和掌握。

5、执行速度快：占用系统资源少，代码执行速度快。

6. 模板化：实现程序逻辑和用户界面的分离。

7、支持面向工具和面向过程的开发：支持面向工具和面向过程的开发风格，并且向下兼容。

8.内置Zend加速引擎，性能稳定加速。

3.PHP开发工具

Hbuilder有什么优势？

速度是Hbuilder的最大优势。 通过完整的语法提示、代码输入法、代码块等，大大提高了HTM、js、css的开发效率。 如图3-1和图3-2所示：

图3-1

图3-2

HBuilder 的生态系统可能是最丰富的 Web IDE 生态系统，因为它与 Eclipse 插件和 Ruby Bundle 兼容。 SVN、git、ftp、PHP、less等各种技术都有Eclipse插件。 HBuilder 是使用 Java、C、Web 和 Ruby 编写的。 HBuilder本身是用Java编写的，基于Eclipse，所以天然兼容Eclipse插件。 但因为Java效率太低，所以采用了C。 写了启动器。 HBuilder的软绿色界面设计需要动态调节屏幕亮度，并且还支持手机数据线。

(2) HTML简介

HTML的全称是超文本标记语言。 HTML是一种用于描述网页文档的标记语言。 如今，我们经常习惯用数字来描述HTML版本，比如HTML5，但最初我们没有HTML1表情包设计，而是IETF团队1993年的草案，这并不是最终确定的标准。 两年后，即 1995 年，HTML 有了第二个版本，以 RFC1866 的形式发布。 有了以上两个历史版本，HTML的发展可以说是突飞猛进。 1996年，HTML 3.2成为W3C推荐标准。 后来在1997年和1999年，升级版本4.0和4.01也成为W3C推荐标准。 2000年，基于HTML4.01的ISO，HTML成为国际标准化组织和国际电工委员会的标准。 所以至今仍在使用。 这期间虽然有一些细微的变化，但大方向没有改变。 在1993年到2000年的短短7年里，HTML语言得到了长足的发展。 经过很多人的努力，我们现在使用的HTML语言终于产生了。

css层叠样式表：

自 20 世纪 90 年代初 HTML 发明以来，样式表以各种形式出现，或者不同的浏览器结合了自己的样式语言。 读者可以使用这些样式语言来调整网页的显示方式。 一开始，样式表是由读者使用的。 HTML 的初始版本仅包含一些显示属性，由读者决定网页应如何显示。 但随着HTML的成长，为了满足设计者的要求，HTML获得了很多显示功能。 随着这些功能的增强，用于定义样式的语言变得越来越没有意义。 CSS 的最初提案是由 Hakun Lee 于 1994 年提出的。Bert Bos 正在设计一款名为 Argo 的浏览器，他们决定在 CSS 上合作。 曾经有过一些样式表语言的提案，但 CSS 是第一个包含“级联”思想的。 在 CSS 中，一个文件中的样式可以从其他样式表继承。 读者可以在某些地方使用他或她自己喜欢的风格，并在其他地方继承或“层叠”作者的风格。 这种分层方法使作者和读者都可以灵活地添加自己的设计并根据个人喜好进行组合。 Hakun 于 1994 年在芝加哥的一次会议上首次提出了 CSS 提案，并于 1995 年与 Persia 再次提出。 当时，W3C刚刚成立。 W3C对CSS的发展非常感兴趣，并为此组织了一次讨论会。 Hakun、Persia 和其他人（例如微软的 Thomas Reardon）是该项目的主要技术领导者。 到1996年底，CSS完成了。 CSS 要求的第一版于 1996 年 12 月发布。1997 年初，W3C 内部组织了一个专门负责 CSS 的工作组电商网页设计代码，其领导者是 Chris Lilley。 该工作组开始讨论第一版中未涵盖的一些问题，从而于1998年5月发布了第二版要求。截至2004年，第三版尚未发布。

3.系统分析

（一）可行性分析

1、技术可行性

本系统是一个独立的网站，用于解决购物网站的管理问题。 是一款高效实用的家具购物网站管理平台，旨在高效完成购物网站的管理。

后台管理模块的内容及功能如下：

(1)系统管理：用户登录、修改密码、退出系统：

（2）用户管理：包括管理员、会员、普通访客：

（3）产品管理模块：管理员可以根据卖家的需求更新产品：

（4）订单管理模块：管理员可以根据卖家的交易状态修改、添加、删除订单信息：

（5）图片管理模块：管理员可以根据产品更新同步更新产品图片；

（6）留言板：在线留言，交流家具选购经验等信息

整个设计内容及上述功能将对后端数据库中相应数据表中的数据进行存储、删除、修改、查询等操作。 最终提交的设计报告还包括从最初的需求分析到成功的网站建设的所有内容。 具体说明，以及整个设计的各个流程环节的详细说明，比如数据存储更新流程。

2、经济可行性

圆方眼购物网站使用的软件是开源的，降低了开发成本。 该网站对电脑配置要求不高，任何能打开网站的电脑都可以查看。 因此，在经济上是完全可行的。

(2)性能需求分析

1、系统安全

本购物网站的设计和实施严格控制管理权限。 具体要求如下：

1、如果您想管理本购物商店网站，您必须首先以管理员身份使用正确的用户名和密码登录。 如果您想下单购买，您必须注册并登录系统。 这充分保证了系统的安全性和稳定性。 本质上卡通形象，系统最终完全由系统管理员管理。

2、系统在具体实现时设置了不同的权限。 不同权限的用户登录系统后不能进行越级操作。

2. 数据完整性

1、必须保持系统中数据互连的正确性。

2、不同记录中相同数据必须一致。

(3)功能需求分析

这个购物商店网站主要满足两类用户的需求，即用户和管理员。

未注册用户可以进入本网站查看系统信息，包括网站首页、网站公告、美食介绍、关于我们、联系我们、用户注册等。 用户若想完成支付、购买操作，必须登录系统。 没有账号的用户可以进入注册界面进行注册。 登录后，用户可以在线下订单。

管理员登录后可以进行系统设置、产品信息、订单管理、用户管理等。

(4)非功能分析

1.完整性分析

主要信息记录要求完整，主要信息不能为空，各数据之间的关系应正确，不同记录中相同数据应一致。

2、性能分析

页面响应时间应在20毫秒以内，不超过35毫秒； 并且应该支持至少数万人同时在线浏览网站。

3. 网站分析

网站界面要求简洁明了、易于操作、符合用户操作习惯。

4.安全分析

要充分保证系统的安全性和稳定性。 如果您想管理订单信息，必须使用正确的账号和密码登录，否则无法管理。

4、系统设计

(一)系统设计目标

1. 数据共享

本网站分为两个模块：前端浏览模块和后端管理模块。

前端浏览模块又可分为商品浏览模块和购物模块两个模块，涉及商品首页浏览、推荐商品浏览、商品列表，以及查看商品详情、查看评论等功能。 购物模块主要起到购物车的作用，包括商品选择、商品比较、会员注册、登录、在线支付等功能。

后台管理模块可分为3个模块：会员管理模块、产品管理模块和订单管理模块。

后台管理模块主要涉及产品类别目录管理和产品内容管理。 会员管理模块主要用于查看和修改，包括管理会员的基本信息和购买的产品等详细信息。 订单管理模块主要涉及客户订购的产品的管理。 根据订单状态，大致分为待处理订单和已处理订单。

2、网站结构设计

1.前端模块详细功能说明

其中，用户信息管理、订单、购物车禁止匿名用户访问。

(1)产品信息模块：

商品浏览（首页显示部分普通商品列表）、特价浏览（首页显示特价商品列表）、商品类别浏览、商品详细信息。

(2)购物车模块：

添加商品到购物车，修改购物车信息，并结帐。

(3)用户信息管理模块：

注册新用户、登录、更改用户密码以及管理用户配置文件。

(4)订单模块：

查看个人订单列表、查看订单详情、取消订单。

2、后台模块详细功能说明

(1)管理员信息管理：

管理员登录、添加新管理员、删除管理员、修改密码。

(2)产品信息管理：

添加新产品、修改产品信息、删除产品。

（3）订单管理：管理订单是否确认、付款、发货、存档，并查询相应信息。

购物网站思路图如图2-1所示

图2-1 购物网站思路

3数据库设计

设计理念是在数据分析的基础上，自下而上设计整个系统的数据库概念结构。 从用户的角度出发提出观点，然后进行整合，最后进行分析以获得最终结果。 数据表如下表4.3.-1：

列名数据类型长度允许为空

ID 整数 4 否

u_yhm varchar 20 否

u_zh varchar 20 否

u_mm varchar 20 否

u_xm varchar 5 否

u_sfz varchar 18 否

u_yx varchar 18 否

u_sjh varchar 11 否

表4.3-1“用户”

列名数据类型长度允许为空

ID 整数 11 否

u_miaoshu Varchar 255 否

u_jiage 文字 无限 无

u_tupian 浮动 10 否

u_type Int 11 否

表4.3-2“kj”

表4.3-2“kj”

列名数据类型长度允许为空

ID 整数 11 否

u_miaoshu Varchar 255 否

u_jiage 文字 无限 无

u_tupian 浮动 10 否

u_type Int 11 否

表4.3-3“太阳”

表4.3-3“太阳”

列名数据类型长度允许为空

ID 整数 11 否

u_miaoshu Varchar 255 否

u_jiage 文字 无限 无

u_tupian 浮动 10 否

u_type Int 11 否

表4.3-4“进士”

表4.3-4“进士”

列名数据类型长度允许为空

ID 整数 11 否

u_miaoshu Varchar 255 否

u_jiage 文字 无限 无

u_tupian 浮动 10 否

u_type Int 11 否

表4.3-5“银星”

表4.3-5“银星”

列名数据类型长度允许为空

ID 整数 11 否

u_mm Varchar 20 否

表4.3-6“管理”

表4.3-2“管理”

五、系统实施

(1) 用户功能模块实现