袁瑩靜，陳 婷，陳 龍，周芷儀，謝鵬輝

（昆明理工大學機電工程學院，云南 昆明 650500）

0 引言

隨著大數(shù)據(jù)時代的到來，人們的生活中充斥著各種各樣的信息，人們與計算機的接觸時間越來越多。我們的生活也離不開數(shù)據(jù)軟件給我們帶來的便利。網(wǎng)上購物、網(wǎng)上查詢信息等離不開現(xiàn)代的網(wǎng)絡技術。生活中電腦用戶有時在網(wǎng)上發(fā)布信息，對自己的閑置物品進行轉(zhuǎn)賣，本文就通過設計簡易的Web頁面小平臺，實現(xiàn)用戶對二手車轉(zhuǎn)賣的信息的發(fā)布，還有后臺管理員對用戶信息進行一定的管理，運用Visual Studio軟件進行前臺網(wǎng)頁的布局設計和在后臺中代碼設計與數(shù)據(jù)庫中信息的添加、刪除、修改、查詢聯(lián)系起來，可以更好地實現(xiàn)二手車交易系統(tǒng)的功能。從而讓人們更好的了解設計的界面，設計平臺實現(xiàn)的功能。

1 網(wǎng)頁相關設計與功能

網(wǎng)頁設計主要針對校園二手電瓶車轉(zhuǎn)賣的信息發(fā)布的用戶，在此網(wǎng)頁上發(fā)布自己電瓶車的相關信息，以便所需要的同學可以更好地獲取到信息，從而滿足大家的需求。首先，用戶先在二手車交易系統(tǒng)注冊信息，然后以注冊信息進入網(wǎng)站發(fā)布自己的消息，其中運用到數(shù)據(jù)庫相關功能完成網(wǎng)頁信息的查詢。在其中用戶可以修改自己的個人信息。其次，用戶發(fā)布自己需要轉(zhuǎn)手的二手車相關的信息，并且可以隨時查看到自己已發(fā)布信息，該信息已被存放在數(shù)據(jù)庫中，從而實現(xiàn)了網(wǎng)頁設計平臺相關內(nèi)容的呈現(xiàn)。最后，后臺管理員可以對售出的二手車用戶個人進行刪除，實現(xiàn)了數(shù)據(jù)庫的刪除功能。

2 系統(tǒng)分析

2.1 系統(tǒng)需求分析

隨著現(xiàn)代網(wǎng)絡技術的不斷提高，計算機網(wǎng)絡技術不斷成熟，信息管理技術具有的強大功能被人們所應用，并進入到人類社會的各個領域發(fā)揮著各種各樣的作用。本系統(tǒng)的主要包括用戶以及管理員兩種類型。其中，用戶主要為在校師生，管理員主要是系統(tǒng)后臺的管理者，根據(jù)不同的用戶具有不同的功能權限，從而進行不同的網(wǎng)頁操作，最后完成不同的功能。

用戶主要在網(wǎng)頁上注冊自己的消息，對自己的個人信息進行查詢和修改以及發(fā)布二手車轉(zhuǎn)手的相關信息。

本設計中提到的管理員，其功能主要是對用戶信息進行管理。

2.2 系統(tǒng)業(yè)務流程圖

根據(jù)本系統(tǒng)業(yè)務流程圖描述，將本系統(tǒng)的業(yè)務總結歸并為3個主要業(yè)務，分別是用戶信息管理業(yè)務、用戶信息查詢業(yè)務、管理員信息修改業(yè)務、下面分別闡述每項業(yè)務的流程。

用戶信息管理業(yè)務主要包括了用戶網(wǎng)頁界面的注冊、用戶個人信息的發(fā)布、用戶個人信息的查詢和修改，其主要的業(yè)務流程如下所示。

用戶進入頁面數(shù)據(jù)流程如圖1所示。

圖1 用戶使用系統(tǒng)數(shù)據(jù)流程圖Fig.1 User use system data flow chart

管理員進入頁面數(shù)據(jù)流程如圖2所示。

圖2 管理員使用系統(tǒng)數(shù)據(jù)流程圖Fig.2 Flowchart for administrators using system data

3 系統(tǒng)的總體設計

3.1 系統(tǒng)的功能概述

本頁面系統(tǒng)設計中有以下幾大功能：

用戶管理主要實現(xiàn)用戶登錄界面的注冊、用戶發(fā)布信息和發(fā)布信息的查詢、用戶個人信息的查詢和修改等管理；管理員管理主要實現(xiàn)了管理員對已售二手車用戶信息的刪除的管理。

3.2 系統(tǒng)功能模塊實現(xiàn)

二手車交易系統(tǒng)功能模塊如圖3所示。

圖3 系統(tǒng)功能模塊圖Fig.3 System function module diagram

每個功能模塊的功能描述如下：

（1）用戶

主要是針對用戶注冊個人信息之后，然后登錄系統(tǒng)后對個人信息的修改和查詢以及發(fā)布自己所需要發(fā)布的二手車轉(zhuǎn)賣的信息，查詢自己發(fā)布的信息。

（2）管理員

該模塊主要是針對管理員登錄后在后臺對用戶進行刪除，刪除已經(jīng)出售的二手車的用戶，刪除他們存在的信息。

4 數(shù)據(jù)庫設計

數(shù)據(jù)庫設計是指根據(jù)用戶的需求在某一具體的數(shù)據(jù)庫管理系統(tǒng)上設計數(shù)據(jù)庫的結構和建立數(shù)據(jù)庫的過程。

本網(wǎng)頁頁面設計主要針對用戶和管理者之間的相互操作而設計，所以這些信息需要存儲為此本文使用開源數(shù)據(jù)庫MYSQL數(shù)據(jù)庫進行信息存儲。

（1）用戶表

用戶表主要用于存儲用戶信息。該表中包含的字段有：用戶名、用戶編號、密碼、聯(lián)系電話、電子郵箱。用戶表如表1所示。

表1 用戶表Tab.1 User table

（2）管理員表

管理員表主要包括管理員名稱，管理員編號，密碼，如表2所示。

表2 管理員表Tab.2 Admin table

（3）綜合信息表

綜合信息主要包括序號，用戶名，商品名稱，商品簡介，商品價格，聯(lián)系電話，微信，QQ，路徑，時間，文件夾位置，文件名，如表3所示。

表3 綜合信息表Tab.3 Comprehensive information system

5 邏輯結構設計

5.1 用戶注冊登錄界面模塊設計

5.1.1 用戶注冊模塊

用戶注冊功能是一項系統(tǒng)提供身份識別服務，用戶需填寫個人信息進行系統(tǒng)權限注冊，系統(tǒng)將為不同身份的賬戶設置不同的權限和業(yè)務功能，同時，用戶注冊的個人信息將同步保存于數(shù)據(jù)庫中，安全性較高。因網(wǎng)頁涉及較多頁面和代碼，以下只介紹關鍵部分。注冊效果圖如圖4所示。

圖4 用戶注冊界面Fig.4 User registration interface

用戶實現(xiàn)注冊的關鍵代碼如下：

protected void Button1_Click(object sender,Event

Args e)

{

if (TextBox2.Text != TextBox3.Text)

{

ScriptManager.RegisterClientScript-Block(this, this.GetType(), "", "＜script>alert('" + "兩次密碼不一致！" + "');＜/script>", false);

}

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "", "＜script>alert('" + "請輸入完整數(shù)據(jù)！" + "');＜/script>", false);

}

else

{

string uname = TextBox1.Text.Trim();

string upassword = TextBox2.Text.Trim();

string rpassword = TextBox3.Text.Trim();

string uphone = TextBox4.Text.Trim();

string uemail = TextBox5.Text.Trim();

string connString = @"Data Source=DESKTOP-04CP8E3;Initial Catalog=二手車交易系統(tǒng);Integrated Security=True";

SqlConnection connection = new SqlConnection(connString);

string sql = String.Format("INS-ERT INTO 用戶表(用戶名,密碼,聯(lián)系電話,電子郵箱)VALUES('{0}','{1}','{2}','{3}')", uname, upassword,uphone, uemail);

try

{

connection.Open();

SqlCommand command = new SqlCommand(sql, connection);

int count = command.ExecuteNonQuery();

if (count > 0)

{

ScriptManager.RegisterC-lientScriptBlock(this, this.GetType(), "", "＜script>alert('" + "注冊成功！" + "');＜/script>", false);

}

else

{

ScriptManager.Register-ClientScriptBlock(this, this.GetType(), "", "＜script>alert('" + "注冊失??！" + "');＜/script>", false);

}

}

catch (Exception ex)

{

ScriptManager.RegisterClient-ScriptBlock(this, this.GetType(), "", "＜script>alert('"+ "操作數(shù)據(jù)庫出錯！" + "');＜/script>", false);

}

5.1.2 用戶/管理員登錄界面模塊

登錄界面是進入系統(tǒng)的第一個界面，需要設計簡潔，功能明顯。用戶登錄界面是每一個應用軟件都必不可少的部分，其主要功能是保證用戶的數(shù)據(jù)安全。可供用戶和管理員選擇自己的身份登錄的功能。如圖5所示。

圖5 用戶/管理員登錄界面Fig.5 User/Admin login screen

（1）實現(xiàn)用戶登錄的關鍵代碼如下：

protected void Button1_Click(object sender,EventArgs e)

{

string sf = DropDownList1.Text;

string 名稱 = TextBox1.Text.Trim();

string 密碼 = TextBox2.Text.Trim();

string yh = Label1.Text.Trim();

string gly = Label2.Text.Trim();

string connString = @"Data Source=DESKTOP-04CP8E3;Initial Catalog=二手車交易系統(tǒng);Integrated Security=True";

SqlConnection connection = new SqlConnection(connString);

//獲取用戶名和密碼匹配的行的數(shù)量的SQL語句

if (sf == yh)

{

string sql = String.Format("select *from [用戶表] where 用戶名='{0}' and 密碼='{1}'",名稱, 密碼);

adapter.SelectCommand = command;

adapter.Fill(DS);

if (DS.Tables[0].Rows.Count > 0)

{

Response.Write("＜script>alert('綜合信息管理平臺！');＜/script>");

SqlDataReader dr = command.ExecuteReader();

dr.Read();

Application["yh"] = dr["用戶名"].ToString();

Response.Redirect("index.aspx");

}

else

{

TextBox1.Text = "";

TextBox2.Text = "";

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "", "＜script>alert('"+ "登錄失??！" + "');＜/script>", false);

}

}

catch

{

TextBox1.Text = "";

TextBox2.Text = "";

ScriptManager.RegisterClient-ScriptBlock(this, this.GetType(), "", "＜script>alert('"+ "數(shù)據(jù)庫操作錯誤！" + "');＜/script>", false);

}

finally

{

connection.Close();// 關閉數(shù)據(jù)庫連接

}

}

（2）實現(xiàn)管理員登錄的代碼如下：

{

string sql = String.Format("select * from [管理員表] where 管理員名稱='{0}' and 密碼='{1}'",名稱, 密碼);

try

{

connection.Open();// 打開數(shù)據(jù)庫連接

SqlCommand command = new SqlCommand(sql, connection); //創(chuàng)建Command 對象

SqlDataAdapter adapter = new SqlData-Adapter();

DataSet DS = new DataSet();

adapter.SelectCommand = command;

adapter.Fill(DS);

if (DS.Tables[0].Rows.Count > 0)

{

Response.Write("＜script>alert('綜合信息管理平臺！');location.href='preorder.aspx'＜/script>");

SqlDataReader dr = command.ExecuteReader();

dr.Read();

Application["glybh"] = dr["管理員編號"].ToString();

Application["glymc"] = dr["管理員名稱"].ToString();

Response.Redirect("index.aspx");

}

else

{

TextBox1.Text = "";TextBox2.Text = "";ScriptManager.RegisterClientScriptBlock(this, this.GetType(),"", "＜script>alert('" + "登錄失??！" + "');＜/script>",false);

}

}

catch

{

TextBox1.Text = "";

TextBox2.Text = "";

ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "", "＜script>alert('" + "數(shù)據(jù)庫操作錯誤！" + "');＜/script>", false);

}

finally

{

connection.Close();// 關閉數(shù)據(jù)庫連接

6 結語

隨著互聯(lián)網(wǎng)的飛速發(fā)展和社會信息化水平的不斷提高，基于互聯(lián)網(wǎng)的各種應用日益受到人們的重視。網(wǎng)絡應用已成為現(xiàn)代人們生活中的一個重要組成部分，并且正在網(wǎng)絡社會發(fā)揮著越來越重要的作用。網(wǎng)絡頁面的設計的更新也在隨著軟件功能技術的不斷發(fā)展而完善，功能也變得更加的強大和完整。本文通過應用 VS軟件簡易設計而呈現(xiàn)出二手車交易平臺的網(wǎng)頁，使得人們能夠在電腦上方便、快捷的發(fā)布自己想發(fā)布的閑置物品，從而得到物品的循環(huán)利用，保證了物品的使用價值。