高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年网上购物网站建设(合集4篇)

网上购物网站建设 第1篇

4详细设计 

设计概述 

 本系统主要实现的是购物网站的前台的购物功能和后台的管理功能,要求前台功能和后台功能都比较完善,有严格的用户认证功能,信息加密功能。

后台功能主要包括:管理员登陆,管理员账户密码修改,首页公告管理,商品管理,订单管理等功能。

本系统前台后台页面均在VS 2005 中设计,基于 C#、JavaScript语言,利用SQL Server 2005数据库支持,将整个购物网站系统设计成为动态的交互式的Web站点。

功能的实用性:本系统的设计是以实际应用为前提,因此实用性成为一个关键的问题,所以在设计过程中,尽量使各种功能操作简单方便。

功能的扩展性:本系统具有一定的扩展性,可以增加新功能以及更新原有的功能。

系统的安全性和保密性:该购物网站是面向所有大众开放的网站,Internet是一个开放的系统,从资料传送的起点到目的地在交易中的不安全问题主要有:拦截、篡改、伪装、中断和SQL注入。针对以上问题可以通过以下五个方面实现:信息加密;身份认证;可靠性/不可否认性;不可修改性 ;SQL使用传参进行插入、修改和查询数据库操作。

网站结构 

 在运行本系统时,需要将网站源码生成网站后复制到IIS的根目录下,或者将IIS的主目录改成网站源码生成的网站所在的目录下。生成的网站包含以下子模块:

(1) CheckImage:用于当用户或管理员登陆时验证的图片,目的是为了增加账户的安全性;

(2) Entry:用户登陆页面,当用户选择登陆或未登录而进行购物时会自动跳转到此页面,要求用户输入用户名、密码及验证码;

(3) LoginSuccess:用户注册成功后自动跳转到的页面,显示用户成册成功;

(4) Pay:用户购物生成订单后付款的页面;

(5) UserCEditInfo:用户修改基本信息的的页面;

(6) Item:显示商品详细信息的页面;

(7) MessWord:用户留言的页面;

(8) PaySuccess:用户购物付款成功后显示的页面,提示用户付款成功;

(9) SearchItem:用户查询商品后跳转到的页面;

(10) Trolley:购物车的页面;

(11) UserCPass:用户修改登录密码的页面;

(12) CategoryItem:用户选择商品类别后跳转到的页面;

(13) Default:网站饿首页;

(14) Login:用户注册页面;

(15) Order:显示用户未结帐订单的页面;

(16) UserC用户中心页面,能修改用户基本信息及密码,查看、修改已结订单;

(17) Admin:登陆后台的首页;

(18) AdminLogin:后台的登录页面;

网上购物网站建设 第2篇

字段名

数据类型

是否可以为空

中文描述

[Id]

[varchar](30)

类别编号

[Name]

[nvarchar](50)

类别名

[Descriptions]

[nvarchar](50)

类别描述

数据库表关系图如图25所示:

网上购物网站建设 第3篇

5具体功能实现 

公共模块 

本系统公共模块包括:面向用户的页面的页头与页尾,面向管理员的菜单栏。

(1) 面向用户的页头主要包括:页面标题、商品分类、商品搜索、用户登录按钮、用户注册按钮、用户查看购物车按钮、用户查看订单按钮、用户查看会员中心连接、用户留言连接、最新商品展示栏等。

其中关键难点代码主要为最新商品展示中让商品移动显示,要让商品移动显示需要前台与后台功能的结合,有后台绑定商品,再由前台控制商品移动。

后台商品绑定代码见附录。

前台由JavaScript函数控制商品的移动,这里作具体介绍,代码如下:

var speed=30//定义刷新时间为30毫秒

把demo1中的展示货物的Html代码复制给demo2

function   Marquee(){   

if(;=0)   //如果demo的左边界到浏览器显示网页的左边界的距离大于demo2的绝对宽度

  //demo的左边界到浏览器显示网页的左边界的距离还原到初始值

else{   

  //移动demo

}   }

var   MyMar=setInterval(Marquee,speed)   

demo.οnmοuseοver=function()   {clearInterval(MyMar)}   //停止执行MyMar

demo.οnmοuseοut=function()   {MyMar=setInterval(Marquee,speed)} //执行MyMar

(2) 面向用户的页尾功能主要显示网站的联系方式等信息。

(3) 面向管理员的菜单栏功能主要是引导管理员管理网站信息,主要是一些连接的按钮,包括:管理首页页面链接,退出后台链接,密码修改链接,首页公告管理链接,订单管理链接,货物管理链接,货物添加链接,货物类别管理链接。链接按钮都是用控件LinkButton实现的。

用户模块设计 

用户注册模块

用户注册模块主要是由控件TextBox和控件Label结合错误验证控件CompareValidator与RequiredFieldValidator实现的,用户需要输入用户名、密码、确认密码、邮箱、电话号码、手机号码、详细地址来实现注册,其中除电话号码外其他的输入都不能为空,这就需要用到控件RequiredFieldValidator,设定此控件所指向的TextBox控件的ID就可以在提交注册前检测此控件所指向的TextBox控件的内容是否为空,然后用控件CompareValidator来实现检测两次输入的密码是否一致,不一致则提示错误,一致则不做任何操作。最后再由代码检测输入格式的正确性,只要有一项不正确则提示错误,否则提交注册请求至服务器。

用户注册页面核心代码主要在于用户名的验证,用户名的验证使用手写Ajax实现的,具体Ajax代码讲解如下所示所示,其他的代码见附录。

Ajax代码:

var xmlHttp;

function createXMLHttpRequest()//创建XMLHttpRequest对象,用来发送和接受请求

    if()

    {

       xmlHttp = new ActiveXObject(__);

    }

    else if()

    {

        xmlHttp = new XMLHttpRequest();

    }}

function AjaxCheckName()//发送和接收数据,并处理接受的数据。

createXMLHttpRequest();

var getName=(_UserName_).value;

var url=__+getName;//发送用户名

(_POST_,url,true);//向请求文件

;//设定触发函数

(null);

function resultCheckName()//处理检测结果

var txtRound=(_RoundName_);//

if()

if()

var txtGetResponse=;

if(txtGetResponse==_0_)

  _Login_ErroRound_;

  _错误_;

else if(txtGetResponse==_1_)

  _Login_ErroRound_;

  _已被注册_;

else

 _Login_RightRound_;

 _正确_;

用户登陆模块 

用户登录页面主要是通过用户输入的用户名和密码到数据库进行核对,核对结果一致则允许登陆,否则拒绝登陆,但为了防止他人恶意破解密码,在此引进图片验证功能,增加账号的安全性。图片验证代码见附录。

更改密码模块 

网上购物网站建设 第4篇

字段名

数据类型

是否可以为空

中文描述

[Id]

[int]

留言编号

[Name]

[nvarchar](30)

留言用户名

[Content]

[nvarchar](1000)

留言内容

[MeTime]

[datetime]

留言时间

猜你喜欢