购物网站设计Web实验报告

J I A N G S U U N I V E R S I T 丫

购物网站设计报告

班 级:

学生姓名：

学 号:

完成时间：2014年11月18日

购物网站设计报告

一：设计要求

1. 购物车包含注册页面、登录页面、购物页面、购物车四个页 面。 2. 在购物页面中，将页面信息与数据库绑定，直接将数据库中 的内容显

示到网页上。另外，对“名称”设计超链接，点击进入 商品的详细信息介绍页面。

3. 网站美观大方 二. 实现效果

1•登录页面

用户名，

zhangxinji TFT

額玉

登录 注册

2. 注册页面

用户名 密码 电话 邮箱

submit

返回登录页面

3. 购物页面

CartLD yuuiber 5ame | 卜um] Price 编辑删 ihangxtnjt 2 3 4Apple XID 711CH- 5650 B ] 1 1 编辑删 zhangxnyi 编辑刪 zhangxtiij'i | 戴尔 Ins5CR- 3(599 152SB 4999 Lenovo Y4l Op 维续购物 结算商品 4. 购物车

_____________ CartlD Number| Price Num 编辑删 ziiangxiriji 2 Apple MD711CH- B 5650 1 ] 1 请删 zhatizxtnj'i 3 4 ( 輸尔 InsSCR- 3699 152EB 4999 编辑刪 zhansjcin ji Lenovo- Y410p 三. 主要代码

1•登录页面与数据库连接

protected void Butt on 2_Click( object sen der. Eve ntArgs e) {

stri ng connstr = @\"Data Source=XIAOZHENZHEN-PC;l nitial Catalog=logi n;ln tegrated

Security=True\";

StringBuilder sb = new StringBuilder (); sb.Appe nd( sb.Append(

\"select cou nt (” ); \"'\");

sb.Appe nd( TextBox1.Text);

sb.Appe nd( \"') from useri nfo where password=\" sb.Appe nd( TextBox2.Text);

using ( SqlConnection conn = new SqlConnection (connstr))

{

SqlComma notmd = conn .CreateComma nd();

cmd.Comma ndText = sb.ToStri ng(); conn. Ope n();

int num = ( int )cmd.ExecuteScalar();

);

if {

(n um > 0)

Response.Redirect( }

else

{

Response.Write( } } }

\"shop.aspx\");

\"账号密码错误“);

2.注册页面与数据库连接

protected void Butt on 1_Click( object sen der, Eve ntArgs e) {

stri ng conn str = @\"Data Source=XIAOZHENZHEN-PC;l nitial Catalog=logi n;ln tegrated

Security=True\";

StringBuilder sb = new StringBuilder (); sb.Appe nd(

\"in sert into

useri nfo(user name,password,she nfen,n ame,sex,birthday,telepho ne)values(” );

sb.Append( sb.Append(

\"'\" );sb.Append(TextBox1.Text);sb.Append( \"'\" ); sb.Append(\\"'\" );sb.Append(TextBox2.Text);sb.Append( \"'\" );sb.Append(\

Respo nse.Write(sb.ToStr in g());

using ( SqlConnection conn = new SqlConnection (connstr)) {

conn. Ope n();

SqlComma nobmd = conn .CreateComma nd(); cmd.Comma ndText = sb.ToStri ng(); int num =( int ) cmd.ExecuteNonQuery(); int count =( int )cmd.ExecuteNonQuery(); if (count > 0)

{ Respo nse.Redirect(

else

{Resp on se.Redirect( conn. Close();}}

\"fault.aspx\" );} \"Default.aspx\" ); }

3.购物车页面

DataSourceID =\"SqlDataSource1\" Height =\"162px\"

Width =\"644px\" BackColor =\"LightGoldenrodYellow\" BorderColor =\"Tan\"

BorderWidth =\"1px\" CellPadding =\"2\" ForeColor =\"Black\" GridLines =\"None\" style =\"text-alig n

: cen ter\"

on selected in dexcha nged =\"GridView1_SelectedI ndexCha nged\">

DataNavigateUrlFormatStri ng =\"detail.aspx?id={0}\" DataTextField =\"名称\" HeaderText=\"名

称“ />

HeaderText =\"图片\">

vltemTemplate >

CommandNam’e’ Text =\"加入购物车\" CommandArgume=t <%#

Eval（\"序列 \"）%>' On Click =\"Li nkButto n1_Click\"

>

Conn ecti on Stri ng =\"<%$ Conn ecti on Stri ngs:logi nConn ecti on Str ing %> SelectCommand=\"SELECT * FROM [shopping]\">

4. 详细信息

vEditItemTemplate >

序列：

Text='<%# Bind（\"序列\"）%>' /

=\"server\" >

名称：

介绍：

> 价格:

CommandNameJpdate\" Text=\"更新\"/>

&n bsp;\" CausesValidation =\"False\" CommandNameCancel\" Text =\"取消\"/>

序列：

名称：

介绍

价格:

CommandNamensert\"

Text=\"插入\"/>

&n bsp;CausesValidation =\"False\" CommandNameCancel\" Text =\"取消\"/>nsertltemTemplate > vltemTemplate >

序列：

名称：

介绍

< br />

价格:

v/asp: FormView>

run at =\"server\"

Text='<%# Bin d（\"序列\"）%>' />< br />

Co nn ectio nStri ng =\"<%$ Co nn ecti on Stri ngs:logi nCo nn ectio nStr ing %> ■ SelectCommand=\"SELECT * FROM [detail] WHERE （[ 序列]=@ 序列 2）\"> vSelectParameters >

/>

5. 购物车页面

public partial class shopcar : System.Web.UI. Page {

protected void Page_Load（ object sender, EventArgs e）

if （!lsPostBack） {

Session[ Session[ Session[ } }

int r = Con vert .ToI nt32(Sessio n[ \"accou nt\"]); string [] strArray = new string [Session.Count]; Sessi on .CopyTo(strArray, 0); Resp on se.Write( Response.Write( Response.Write(

\"

四、 实验小结：

五、 收获和提高方向：通过这次网页设计，让我对网页基本布局 和设计方法有了深刻的了解，了解了网页中的各种属性以及 css+div这种设计方法的优势，让我能够通过更加快捷，方便， 准确的方法来建立以及修改网页。 在日后的学习和实验中， 我要 着重学习在网页中应用一些程序和数据库，以及网页的后台程

序，我认为这才是能够体现出一个网站强大功能的地方，

而网页

只是一个网站的脸面，要真正买足用户的需求，不光只能看，还 要有更加丰富的功能支持。

谢老师这学期的悉心指导，我会在今后的学习中更加 认真努力!