电子商务网站设计报告

实验报告

课程名称: 电子商务与信息安全技术

实验项目: 电子商务网站设计

专业班级: 软件XXXX班

姓 名: XXXXXX 学 号: XXXXX

实验室号: 综合楼--411实验组号:

实验时间: 20XX-6-10 批阅时间: 20XX-6-16

指导教师: XXXXX 成 绩:

沈阳工业大学实验报告

(适用计算机程序设计类)

专业班级: 软件0901班 学号: XXXXXXX 姓名: XXX

实验名称:简单电子商务网站的设计

1.实验目的:

通过上网搜索成功的中小型电子商务网站,分析网站的体系结构、网站的流程、网站的营销手段、信息安全手段以及支付方式。利用准备好的资料建立一个简单的电子商务网站,基本实现简单的网站功能。

2.实验内容:

(1) 建立电子商务网站的首页。

(2) 采用2种以上的营销手段。

(3) 设计网站的流程。

(4) 开发网站的各个模块功能。

3. 实验方案(程序设计说明)

(1) 设计首页布局

(2) 设计网站的功能模块并实现链接

(3) 采用信息安全手段实现电子支付

4. 实验步骤或程序(经调试后正确的源程序)

(见附件A)


附录 A

题目:简单电子商务网站设计

组员:XXXXX

一、网站开发的背景和意义

电子商务发展至今已逐渐成熟,各种电商网站层出不穷,每个网站都有种“似曾相识”的感觉,网站的竞争大多趋于实体店的价格战模式,这种竞争只会降低利润,对整个行业产生不利影响。鉴于如此,我们应该找出电子商务网站的下一个引爆点,我觉得它便是电子商务的社区化。

电子商务翻译自e-commerce,而现在“s-commerce——社区化电子商务” 又占领了高地。就像Web2.0贡献出的最大惊喜——社交网络一样,社会化电子商务强调的也将是“基于关系的传播”。

先来看看社交网络在忙些什么吧。国内的人人网、开心网利用自有的庞大用户群相继开辟团购战场;Facebook在2月4日正式推出了有关Facebook信用币(Credits)的新功能——社交团购。 该功能允许用户在游戏中购买虚拟商品后,有权将相应商品的折扣分享给他的好友。目前虽只是针对虚拟产品的交易,但如果推广到线下的实物交易,将有可能成为团购网站的杀手。而SNS之所以开始忙着染指电子商务,也是在不断挖掘用户价值。它的优势在于拥有庞大的用户群,并且每个用户都可以成为传播管道,SNS网站需要做的就是进行上游资源的批发。

社交网络已看到了电子商务的巨大蛋糕,在这样一个关键时刻,电子商务网站应采取有效措施来对抗SNS网站。搭建社区便是一个好的方法,电子商务要放大用户的声音,一条切实可行的途径就是为他们搭建交流的平台。每个人都有分享购物成果的渴望,同时也有寻找心仪商品的需要。在这个过程中,通过人际关系网进行的信息传播其实就相当于商品导购。因此,我们设计的网站为用户提供了社区化的交流功能,这也是我们设计的重点。我坚信,社区化将是电子商务网站的下一个浪潮!

二、网站的开发流程

1.网站前期规划

(1)确立网站主题

本网站以销售数码产品及电脑配件为主。

(2)确定网站功能设计

本网站参照淘宝网等成熟模型设计功能,并加入社区化这一特色。

2.数据库设计

电子商务是以数据库技术和网络技术为支撑的,其中数据库技术是核心。本网站采用SQL Sever2000设计数据库。

3.页面编辑与调试

本网站采用ASP.NET技术设计网站,利用DreamWeaver和PhotoShop等工具进行页面、图片的美化与编辑。

4.网站测试

(1)检查结果与设计方案是否吻合

(2)在多个浏览器内进行检测

(3)验证链接

(4)评估下载速度

5.网站发布

三、网站开发的技术

1.Browser/Server体系

B/S 结构的软件是相对传统的C/S结构而言的。C/S结构将程序分为两部分,一部分是由多个用户共享的信息与功能,这部分称为服务器端;另一部分是为每一个用 户所专用,称为客户端。C/S结构应该具有这样的特征:客户端、服务器端都安装相应的软件,客户端、服务器端各完成相应的计算工作,服务器端保存数据库。 而B/S结构应该具有如下特征:服务器端都安装相应的软件,客户端不安装任何软件(不需要维护)。客户端运行程序是靠浏览器软件(如IE ,Netscape等)登陆服务器进行的。客户端在浏览器里完成一定的计算任务。

2.ASP.NET技术

本网站没有采用ASP技术,采用的是ASP.NET技术。相比ASP技术,ASP.NET弥补了其诸多不足,比如意大利面型的程序开发方法,让维护的难度提高很多,尤其是大型的ASP应用程序。 直译式的VBScript或JScript语言,让效能有些许的受限。 延展性因为其基础架构扩充性不足而受限,虽然有COM元件可用,但开发一些特殊功能(像文件上传)时,没有来自内置的支持,需要寻求第三方软件商开发的元件。 

而ASP.NET的出现,弥补了这些不足。因为ASP.net是基于通用语言的编译运行的程序,所以它的强大性和适应性,可以使它运行在Web应用软件开发者的几乎全部的平台上(笔者到现在为止只知道它只能用在Windows 2000/2003 Server/VISTA/7/XP上)。通用语言的基本库,消息机制,数据接口的处理都能无缝的整合到ASP.net的Web应用中。ASP.net同时也是language-independent(语言独立化)的,所以,你可以选择一种最适合你的语言来编写你的程序,或者把你的程序用很多种语言来写,现在已经支持的有C#(C++和Java的结合体),VB,Jscript , C++、F++。将来,这样的多种程序语言协同工作的能力保护您现在的基于COM+开发的程序,能够完整的移植向ASP.net。

因此本网站的设计采用ASP.NET技术。

3.SQL Sever2000数据库

SQL Server 2000 是Microsoft公司推出的SQL Server 数据库管理系统的一个版本。该版本继承了SQL Server 7.0 版本的优点同时又比它增加了许多更先进的功能,具有使用方便,可伸缩性好与相关软件集成程度高等优点,可跨越从运行Microsoft Windows 98 的膝上型电脑到运行Microsoft Windows 2000 的大型多处理器的服务器等多种平台使用。其有以下几点优势:

1、高性能设计,可充分利用WindowsNT的优势。

  2、系统管理先进,支持Windows图形化管理工具,支持本地和远程的系统管理和配置。

  3、强壮的事务处理功能,采用各种方法保证数据的完整性。

4、支持对称多处理器结构、存储过程、ODBC,并具有自主的SQL语言。 SQLServer以其内置的数据复制功能、强大的管理工具、与Internet的紧密集成和开放的系统结构为广大的用户、开发人员和系统集成商提供了一个出众的数据库平台。

四、网站采用的营销手段

本网站的营销主要采用社区化的方式,下面着重介绍这种方式的优势。

社区化电子商务,简而言之,就是将网络的优势运用到社区中,“很多人都注重互联网的无疆域性,却忽略的自己身边的人!”社区化电子商务是众多站长的创业的盲点,因为,最熟悉的地方往往是最陌生的地方。

  为什么说社区化电子商务有潜力可挖?随着中国城市人口越来越集中,高层建筑不断增加的前提下,社区居民的数量一直处于上升的态势,从小到大,拥有一定的用户群,就能把一个网站办起来,这也是社区化网站的群众基础,如果一个网站没有流量,这个网站经营是很困难的。

  中国第一大网上购物平台淘宝,成功的秘籍和成功的运作方式有关系,比如,用免费的模式打败了对手,但是,淘宝购物的流程值得每个从事电子商务的站长去细心研究,那就是诚信体系,淘宝在卖家和买家之间最为第三方平台,尽量不让双方的利益受到伤害,同时,卖家通过买家的评价获得信誉,一步一步提高等级。网络需要诚信,但是目前的互联网世界,诚信的这方面做的不尽如意,虽然很多使用了的实名制,喝多网民质疑,实名制是不是和网络游戏的实名制一样,不过是走个过程。只有诚信才有买卖,不要担心你的产品卖不出去,电子商务的最关键的是如何让用户相信你,信任你!而社区网站定位于社区,现实中大家都是邻居,很容易拉近彼此的关系,获得信任,这是其他电子商务网站无可比拟的优势。

  著名天使投资人薛蛮子参加某知名网站微访也曾经表示,在中国一个诚信缺失,商家公信力低下的时代,以社交化营销为模式的电商将有比西方此类模式发明者产生更大的价值。”他表示下一步将投资转向社区化电子商务网站。

  社区化网站的商机从哪里来?首先是人口,根据2010年第六次全国人口普查第一号数据公报,居住地与户口登记地所在的乡镇街半年以上的人口增加11700万人,增长81.03%;其中不包括市辖区内人口增加10036万人,增长82.89%。一个社区人口增加包括两个方面,一个是常驻人口增加,二是外来人口增加,一年的时间上涨到将近一倍,这个数据是惊人的,同时,我们从现象看到本质,人口增加虽然会对社会稳定性造成一定影响,但是,大大促进社区经济的发展,这是毋庸置疑的,网站最终目的是为了盈利,实行商业化操作,一些网上水果蔬菜网站、社区服务网站就是在这个基础之上上线的。

  其次,社区具有旺盛的消费需求。中国正向老龄化迈进,如何面对社区老人的生活和消费,在提供服务的同时能否获得一定的盈利点,在老人化市场操作上,一些保健品行业做的比较突出,负面影响也很多,其实不单单只盯着保健品这一块,老年人因体力有限,他们日常的活动范围仅限于小区附近,社区电子化商务网站完全可以在老年人产品、针对老年人的服务等项目上下功夫。经营一些老年人的特殊生活用品,比如说老人床垫、手杖、轮椅等,老花镜、助听器、假牙、假发也是老人经常需要的物品。因为中国退休养老政策不断完善,所以,社区的老人一般有一定的消费能力,再加上目前大多数老人的儿女都是独生子女,现在生活的压力可能让他们无暇照顾到老人,同时,也希望有这样的机构帮助自己照顾父母,他们也愿意分担一份费用。社区老年人经济逐年呈上涨趋势。

  因此,本网站采用社区化营销手段。

五、网站的首页设计及功能说明

本网站整体采用绿色色调,争取给用户以干净、清新的感觉。本网站首页简答明了,在页面顶端提供“购物车”、“登陆”、“注册”等功能,使会员轻松购物。接下来,是醒目的条形搜索框,众所周知,顾客浏览电子商务网站大多是要购买心中所想物品,因此他需要一个搜索框,来准确地搜索到自己想要的商品。而首页的主题部分,便是商品的名称及其配图,列出特价商品以及热销商品。

1. 网站首页

功能说明: 实现搜索以及导航功能。

效果图如下。

电子商务网站设计报告

部分代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<%@ Register src="Control/top.ascx" tagname="top" tagprefix="uc1" %>

<%@ Register src="Control/footer.ascx" tagname="footer" tagprefix="uc2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

<html xmlns="http://localhost/1999/xhtml"><head><title>乐意拍商城</title>

<meta content="text/html; charset=utf-8" http-equiv=Content-Type>

<meta name="keywords" content="乐意拍商城">

<meta name="author" content="">

<link rel="stylesheet" type="text/css" href="Styles/common.css"/>

<script language="javascript" type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

<script language="javascript" type="text/javascript" src="Scripts/index.js"></script>

<script language="javascript" type="text/javascript" src="Scripts/init.js"></script>

<meta name="GENERATOR" content="MSHTML 8.00.7600.16671"/></head>

<body>

<form id="form1" runat="server">

<!-- top -->

<uc1:top ID="top1" runat="server" />

<!-- one -->

<div class=one>

<div class=one-left>

<div class=left>

<div class=xt></div>

<div class=xm></div>

<H3><STRONG>商城公告</STRONG><a href="#">更多</a></H3>

<H3><STRONG>特价商品</STRONG><a href="#">更多</a></H3>

<H3><STRONG>新品上市</STRONG><a href="Product.aspx">更多</a></H3>

<H3>放心购物</H3><SPAN><a class=b1 href="#">诚信保障</a><a

<LI><B>[版块1]</B>  乐易拍社区精华帖子1    乐易拍社区精华帖

<LI><a href="#">收藏 + 购物车,逛街搜店更便捷</a></LI>

<LI><a href="#">认准标识,精选实力卖家任您选择</a></LI>

<LI><a href="#">一分钱”轻松体验有啊网购流程</a></LI>

<LI><a href="#">尽情挥洒你的创意,共建百度有啊</a></LI>

<LI><a href="#">认准标识,精选实力卖家任您选择</a></LI></UL></div>

<div class=tips3>

<UL>

<LI class=b1><a href="#">先验货再付款,交易更安全</a></LI>

<LI class=b2><a href="#">信用诚实可靠,品质有保障</a></LI>

<LI class=b3><a href="#">精选诚信商户,卖家可信赖</a></LI>

<LI class=b4><a href="#">强大客服支持,购物更放心</a></LI></UL></div>

<div class=tips4><a class=b1 title=交易安全 href="#">交易安全</a>

<a class=b2 title=免费注册 href="#">免费注册</a> <a class=b3

title=1分钱体验 href="#">1分钱体验</a> </div>

<div class=prepaid>

<div class=title><STRONG>人气排行</STRONG> </div>

<div class=title><STRONG>乐易拍推荐产品</STRONG> </div>

2. 特价及新品

功能说明:直观地展示网站正在打特价以及新上市的商品!

效果图:

主要代码:

<H3><STRONG>特价商品</STRONG><a href="#">更多</a></H3>

<UL class="hotsell xx">

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>特价商品浴室柜!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>特价商品浴室柜!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>特价商品浴室柜!</SPAN></a></LI></UL>

<div class=xm></div>

<div class=xb></div>

<div class=h1></div>

<div class=xt></div>

<div class=xm></div>

<H3><STRONG>新品上市</STRONG><a href="Product.aspx">更多</a></H3>

<UL class="discount xx">

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>全新上市。。。赶紧行动!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>全新上市。。。赶紧行动!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>全新上市。。。赶紧行动!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>全新上市。。。赶紧行动!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>全新上市。。。赶紧行动!</SPAN></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test1.jpg"><SPAN>全新上市。。。赶紧行动!</SPAN></a></LI></UL>

<div class=xm></div>

<div class=xb></div>

<div class=h1></div></div>

<div class=middle>

<div class=xt></div>

<div class=xm></div>

<div class="rotation xx">

<UL class=img>

<LI><a href="Product.aspx"><IMG

src="images/test2.jpg"></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test3.jpg"></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test4.jpg"></a></LI>

<LI><a href="Product.aspx"><IMG

src="images/test5.jpg"></a></LI></UL>

<UL class=text>

<LI><a href="Product.aspx">商品000001</a></LI>

<LI><a href="Product.aspx">商品000002</a></LI>

<LI><a href="Product.aspx">商品000003</a></LI>

<LI><a href="Product.aspx">商品000022</a></LI></UL></div>

<div class=xm></div>

<div class=xb></div>

<div class=clew>

3. 热门商品

功能说明:该模块根据消费者购买商品与关注商品的程度来向消费者展示商品

效果图:

主要代码:

<div class=prepaid>

<div class=title><STRONG>人气排行</STRONG> </div>

<div class=content>

<UL>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI>

<LI>产品X00909</LI></UL></div>

<div class=b1></div></div>

4. 乐易社区

功能说明:网站的特色部分,提供虚拟社区服务,用户可浏览、发布帖子,并有自己的博客式空间。

主要代码:

<div class=prepaid>

<div class=title><STRONG>乐易拍社区精华</STRONG> </div>

<div class=content150>

<UL>

<LI><B>[版块1]</B>  乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1</LI>

<LI><B>[版块1]</B>  乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1</LI>

<LI><B>[版块1]</B>  乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1</LI>

<LI><B>[版块1]</B>  乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1</LI>

<LI><B>[版块1]</B>  乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1    乐易拍社区精华帖子1</LI></UL></div>

<div style="BACKGROUND-COLOR: #d3d2d2; HEIGHT: 1px"></div></div></div></div>

<div class=right>

<div class=tips1><a href="#"><IMG

src="images/novice.gif"></a><a href="#"><IMG

src="images/open.gif"></a></div>

六、网站的支付方式

网站采用类似于支付宝的订单式支付方式。

代码如下:

using System;

using System.Collections.Generic;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.HtmlControls;

using System.Data;

using System.Drawing;

public partial class ShoppingCart : System.Web.UI.Page

{

//整型变量,用于存储总金额

private decimal Total = 0;

protected void Page_Load(object sender, EventArgs e)

{

string pid = Request.QueryString["pid"];

BindCartList(pid);

}

private void BindCartList(string ID)

{

DataTable dt = null;

//如果Session变量存在,则直接获取

if (Session["Cart"] != null)

{

dt = (DataTable)Session["Cart"];

}

else//如果Session变量不存在,创建存储数据的表结构

{

dt = new DataTable();

dt.Columns.Add(new DataColumn("id", typeof(Int32)));

dt.Columns.Add(new DataColumn("products_name", typeof(String)));

dt.Columns.Add(new DataColumn("price", typeof(decimal)));

dt.Columns.Add(new DataColumn("quantity", typeof(Int32)));

dt.Columns.Add(new DataColumn("discount_rate", typeof(decimal)));

dt.Columns.Add(new DataColumn("totalCost", typeof(decimal)));

}

//ID或ProductNo不为null

//则表示选中一件商品添加到购物车

if (ID != null)

{

//先判断购物车中是否已经存在该商品

Boolean IsExist = false;

//如果购物车中存在该商品,则提示客户

//该商品不会被重复添加到购物车

if (IsExist)

{

}

else//如果购物车中不存在该商品,则添加到购物车

{

dt.Rows.Add(new object[]{100,"苹果MP3",230.5, 4,0.9,24524.9});

dt.Rows.Add(new object[] { 101, "苹果MP4", 235.5, 4, 0.9, 22564.9 });

dt.Rows.Add(new object[] { 102, "苹果MP5", 236.5, 4, 0.9, 24524.9 });

}

}

gvCart.DataSource = dt;

gvCart.DataBind();

Session["Cart"] = dt;

}

protected void gvCart_RowDataBound(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.DataRow)

{

//GridView行的加亮显示功能

e.Row.Attributes.Add("onmouseover", "b=this.style.backgroundColor;this.style.backgroundColor='#E1ECEE'");

e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=b");

//给+号图片和-号图片添加客户端click事件

//用JavaScript实现数量的+1和-1

TextBox tb = (TextBox)e.Row.FindControl("txtAmount");

((HtmlImage)e.Row.FindControl("imgReduce")).Attributes.Add("onclick", "Reduce(" + tb.ClientID + ")");

((HtmlImage)e.Row.FindControl("imgPlus")).Attributes.Add("onclick", "Plus(" + tb.ClientID + ")");

//根据商品单价和数量计算购物车中商品的总金额

DataRowView drv = (DataRowView)e.Row.DataItem;

Total += Decimal.Parse(drv["price"].ToString()) * Decimal.Parse(tb.Text) * Decimal.Parse(drv["discount_rate"].ToString());

}

if (e.Row.RowType == DataControlRowType.Footer)

{

//将总金额显示在金额一列对应的Footer单元格

e.Row.Cells[1].Text = "金额总计:";

e.Row.Cells[1].HorizontalAlign = HorizontalAlign.Right;

e.Row.Cells[2].Text = Total.ToString("c2");

e.Row.Cells[2].ForeColor = Color.Red;

}

}

protected void gvCart_RowDeleting(object sender, GridViewDeleteEventArgs e)

{

//点击删除时从DataTable中删除对应的数据行

if (Session["Cart"] != null)

{

DataTable dt = (DataTable)Session["Cart"];

dt.Rows.RemoveAt(e.RowIndex);

dt.AcceptChanges();

Session["Cart"] = dt;

Response.Redirect("ShoppingCart.aspx");

}

}

protected void imgbtnTotal_Click(object sender, ImageClickEventArgs e)

{

//遍历GridView,根据每行的文本框中的值

//修改DataTable中对应行中数量一列的值

if (Session["Cart"] != null)

{

DataTable dt = (DataTable)Session["Cart"];

for (int i = 0; i < gvCart.Rows.Count; i++)

{

dt.Rows[i]["Amount"] = ((TextBox)gvCart.Rows[i].FindControl("txtAmount")).Text;

}

dt.AcceptChanges();

Session["Cart"] = dt;

Response.Redirect("ShoppingCart.aspx");

}

}

七、网站的信息安全手段

本网站采用SQL Sever数据库,具备后台管理,安全和稳健。注册用户时,密码位数必须在6位以上等。

八、总结

本系统运用asp.net 2.0开发,数据库使用SQL2000(可以放在SQL2005上),包括前台和后台两个部分。

前台主要运用jquery+CSS 构建的展示订购平台。

后台是运用CSS+EXTJS构建的一个完整的权限管理+销售订单管理的系统。主要功能:地区信息设置 、用户信息管理 、系统角色管理 、系统仓库配置 、物流公司配置 、数据库备份 、系统操作日志、 品牌管理 、类型管理 、商品添加 、商品管理 、销售客户管理 、销售订单管理 。

本系统在设计过程中遇到诸多问题,全靠大家齐心协力查阅书籍以及求助于老师、同学和因特网得以解决。通过本次学习,我感触最多的便是,一个人的能力再强,也不可能独立完成所有工作,最重要的是具备团队合作意识,只有团队积极合作,互相帮助,才能完成一个大型的项目。因此,此次电子商务网站设计实践,我获取的不仅仅是技术上的提升,更难得的是深入理解了团队合作的精神!

相关推荐