購物網(wǎng)站設(shè)計(jì) Web實(shí)驗(yàn)報告

J I A N G S U U N I V E R S I T Y 班 級：學(xué)生姓名：學(xué) 號：完成時間：2014年11月18日購物網(wǎng)站設(shè)計(jì)報告購物網(wǎng)站設(shè)計(jì)報告一:設(shè)計(jì)要求1. 購物車包含注冊頁面、登錄頁面、購物頁面、購物車四個頁面。2. 在購物頁面中，將頁面信息與數(shù)據(jù)庫綁定,直接將數(shù)據(jù)庫中的內(nèi)容顯示到網(wǎng)頁上。另外，對“名稱"設(shè)計(jì)超鏈接，點(diǎn)擊進(jìn)入商品的詳細(xì)信息介紹頁面.3. 網(wǎng)站美觀大方二 實(shí)現(xiàn)效果1. 登錄頁面2. 注冊頁面3. 購物頁面4. 購物車三 主要代碼1. 登錄頁面與數(shù)據(jù)庫連接 protected void Button2_Click(object sender， EventArgs e） string connstr = ”Data Source=XIAOZHENZHEN-PC;Initial Catalog=login；Integrated Security=True”； StringBuilder sb = new StringBuilder()； sb.Append（"select count （")； sb。Append（”"）； sb。Append(TextBox1。Text); sb。Append(”) from userinfo where password=")； sb.Append(TextBox2.Text); using (SqlConnection conn = new SqlConnection(connstr)） SqlCommand cmd = conn.CreateCommand（）; cmd.CommandText = sb.ToString(); conn。Open（)； int num = （int)cmd。ExecuteScalar()； if （num > 0) Response.Redirect(”shop。aspx”); else Response。Write（"賬號密碼錯誤”)； 2. 注冊頁面與數(shù)據(jù)庫連接 protected void Button1_Click（object sender， EventArgs e) string connstr = ”Data Source=XIAOZHENZHENPC；Initial Catalog=login；Integrated Security=True"； StringBuilder sb = new StringBuilder(); sb。Append（”insert into userinfo(username,password，shenfen，name，sex，birthday，telephone）values（"); sb.Append(”"）;sb.Append(TextBox1.Text）；sb。Append（”)； sb.Append（”,")； sb.Append("'"）;sb。Append（TextBox2.Text）；sb。Append（"'"）;sb.Append（",”）; 。.。.。.。 Response.Write(sb.ToString(）)； using （SqlConnection conn = new SqlConnection（connstr）) conn.Open（); SqlCommand cmd = conn。CreateCommand（)； cmd。CommandText = sb.ToString（）； int num =(int) cmd.ExecuteNonQuery(）; int count =(int)cmd。ExecuteNonQuery(); if (count > 0） Response。Redirect（”Default。aspx"); else Response。Redirect("fault.aspx”)； conn。Close（）； 3. 購物車頁面 asp：GridView ID="GridView1” runat=”server” AutoGenerateColumns="False" DataSourceID="SqlDataSource1” Height=”162px” Width=”644px” BackColor="LightGoldenrodYellow" BorderColor=”Tan" BorderWidth="1px" CellPadding="2" ForeColor=”Black” GridLines=”None” style=”textalign： center” onselectedindexchanged=”GridView1_SelectedIndexChanged"> AlternatingRowStyle BackColor=”PaleGoldenrod” / Columns<asp：BoundField DataField=”序列” HeaderText="序列" SortExpression="序列” /<asp:HyperLinkField DataNavigateUrlFields=”序列” DataNavigateUrlFormatString="detail。aspx?id=0” DataTextField=”名稱" HeaderText="名稱" /<asp:BoundField DataField=”介紹 HeaderText=”介紹 SortExpression=”介紹”/>asp:ImageField DataAlternateTextField=”圖片” DataImageUrlField=”圖片” HeaderText="圖片”> </asp:ImageField<asp：BoundField DataField=”價格" HeaderText=”價格” SortExpression="價格” />asp:CommandField ShowDeleteButton=”True” /><asp:TemplateField HeaderText=”購o買ò" ShowHeader=”False”> <ItemTemplate><asp:LinkButton ID="LinkButton1" runat="server" CausesValidation=”false” CommandName=”" Text="加入購物車” CommandArgument=' Eval（”序列 ”）> OnClick=”LinkButton1_Click” </asp:LinkButton</ItemTemplate></asp：TemplateField/Columns> </asp:GridView> asp：SqlDataSource ID=”SqlDataSource1” runat=”server” ConnectionString="<% ConnectionStrings:loginConnectionString %" SelectCommand="SELECT FROM shopping”</asp:SqlDataSource>4. 詳細(xì)信息 <asp：FormView ID="FormView1" runat="server" DataSourceID=”SqlDataSource1" EditItemTemplate 序列: <asp:TextBox ID="序列TextBox" runat=”server" Text='# Bind（”序列”) >' /> <br / 名稱:asp:TextBox ID="名稱TextBox" runat=”server" Text= Bind（”名稱") / br / 介紹：asp：TextBox ID="介紹TextBox” runat="server" Text=' Bind（”介紹”） > /> br /> 價格：asp：TextBox ID="價格TextBox" runat="server” Text=# Bind（"價格") >' /> <br /<asp:LinkButton ID="UpdateButton" runat="server” CausesValidation="True” CommandName=”Update" Text=”更新" /> &nbsp；asp：LinkButton ID=”UpdateCancelButton" runat="server” CausesValidation="False" CommandName="Cancel" Text="取消” /EditItemTemplate> <InsertItemTemplate> 序列：asp:TextBox ID=”序ò列TextBox” runat="server" Text=< Bind(”序列”) >' /> br /> 名稱:<asp:TextBox ID="名?稱?TextBox" runat=”server” Text=<%# Bind(”名稱”） %' / br /> 介紹<asp:TextBox ID=”介紹TextBox" runat="server” Text=< Bind（"介紹") %>' / <br / 價格:<asp：TextBox ID=”價格TextBox” runat=”server” Text='% Bind(”價格"） ' / br /<asp：LinkButton ID=”InsertButton" runat=”server" CausesValidation="True" CommandName="Insert" Text=”插入” / nbsp；<asp：LinkButton ID=”InsertCancelButton” runat="server” CausesValidation="False” CommandName=”Cancel” Text="取消" />/InsertItemTemplate<ItemTemplate> 序列:asp：Label ID="序ò列Label” runat=”server" Text=<% Bind（”序列"） %> />br / 名稱：<asp:Label ID="名稱Label” runat=”server” Text=# Bind（”名稱"） >' /><br /> 介紹asp：Label ID="介紹Label” runat="server" Text= Bind（”介紹） > /br /> 價格：asp:Label ID=”價格Label” runat=”server” Text=# Bind(”價格"） %> /br /ItemTemplate></asp:FormViewasp：SqlDataSource ID="SqlDataSource1” runat=”server" ConnectionString="< ConnectionStrings:loginConnectionString %>" SelectCommand=”SELECT FROM detail WHERE (序列 = 序列2)" <SelectParameters><asp:QueryStringParameter Name=”序列2” QueryStringField=”id” Type="Int32” / /SelectParameters </asp:SqlDataSource5. 購物車頁面public partial class shopcar : System.Web.UI。Page protected void Page_Load（object sender, EventArgs e） if (！IsPostBack) if (Convert。ToInt32(Request.QueryString"序ò列") = 1） Session"list1” = ”<tr><td>水?杯?td>"； Session"check1” = "￥輟？0。0td>”； Session"count1” = Convert。ToInt32(Session”count1"） + 1； int r = Convert。ToInt32（Session”account"）； string strArray = new stringSession.Count; Session.CopyTo（strArray， 0）； Response.Write("table border=1px align=center”); Response。Write("<caption align=left 購物車/caption")； Response。Write("tr>td>名稱<td單價td>數(shù)量”); foreach (string str in strArray） Response。Write(Sessionstr)； Response。Write（”</table"）;四、 實(shí)驗(yàn)小結(jié)：五、 收獲和提高方向：通過這次網(wǎng)頁設(shè)計(jì)，讓我對網(wǎng)頁基本布局和設(shè)計(jì)方法有了深刻的了解，了解了網(wǎng)頁中的各種屬性以及css+div這種設(shè)計(jì)方法的優(yōu)勢,讓我能夠通過更加快捷，方便，準(zhǔn)確的方法來建立以及修改網(wǎng)頁。在日后的學(xué)習(xí)和實(shí)驗(yàn)中，我要著重學(xué)習(xí)在網(wǎng)頁中應(yīng)用一些程序和數(shù)據(jù)庫，以及網(wǎng)頁的后臺程序，我認(rèn)為這才是能夠體現(xiàn)出一個網(wǎng)站強(qiáng)大功能的地方，而網(wǎng)頁只是一個網(wǎng)站的臉面，要真正買足用戶的需求，不光只能看,還要有更加豐富的功能支持。 謝謝老師這學(xué)期的悉心指導(dǎo),我會在今后的學(xué)習(xí)中更加認(rèn)真努力！