袁瑩靜,陳 婷,陳 龍,周芷儀,謝鵬輝
(昆明理工大學機電工程學院,云南 昆明 650500)
隨著大數據時代的到來,人們的生活中充斥著各種各樣的信息,人們與計算機的接觸時間越來越多。我們的生活也離不開數據軟件給我們帶來的便利。網上購物、網上查詢信息等離不開現代的網絡技術。生活中電腦用戶有時在網上發布信息,對自己的閑置物品進行轉賣,本文就通過設計簡易的Web頁面小平臺,實現用戶對二手車轉賣的信息的發布,還有后臺管理員對用戶信息進行一定的管理,運用Visual Studio軟件進行前臺網頁的布局設計和在后臺中代碼設計與數據庫中信息的添加、刪除、修改、查詢聯系起來,可以更好地實現二手車交易系統的功能。從而讓人們更好的了解設計的界面,設計平臺實現的功能。
網頁設計主要針對校園二手電瓶車轉賣的信息發布的用戶,在此網頁上發布自己電瓶車的相關信息,以便所需要的同學可以更好地獲取到信息,從而滿足大家的需求。首先,用戶先在二手車交易系統注冊信息,然后以注冊信息進入網站發布自己的消息,其中運用到數據庫相關功能完成網頁信息的查詢。在其中用戶可以修改自己的個人信息。其次,用戶發布自己需要轉手的二手車相關的信息,并且可以隨時查看到自己已發布信息,該信息已被存放在數據庫中,從而實現了網頁設計平臺相關內容的呈現。最后,后臺管理員可以對售出的二手車用戶個人進行刪除,實現了數據庫的刪除功能。
隨著現代網絡技術的不斷提高,計算機網絡技術不斷成熟,信息管理技術具有的強大功能被人們所應用,并進入到人類社會的各個領域發揮著各種各樣的作用。本系統的主要包括用戶以及管理員兩種類型。其中,用戶主要為在校師生,管理員主要是系統后臺的管理者,根據不同的用戶具有不同的功能權限,從而進行不同的網頁操作,最后完成不同的功能。
用戶主要在網頁上注冊自己的消息,對自己的個人信息進行查詢和修改以及發布二手車轉手的相關信息。
本設計中提到的管理員,其功能主要是對用戶信息進行管理。
根據本系統業務流程圖描述,將本系統的業務總結歸并為3個主要業務,分別是用戶信息管理業務、用戶信息查詢業務、管理員信息修改業務、下面分別闡述每項業務的流程。
用戶信息管理業務主要包括了用戶網頁界面的注冊、用戶個人信息的發布、用戶個人信息的查詢和修改,其主要的業務流程如下所示。
用戶進入頁面數據流程如圖1所示。

圖1 用戶使用系統數據流程圖Fig.1 User use system data flow chart
管理員進入頁面數據流程如圖2所示。

圖2 管理員使用系統數據流程圖Fig.2 Flowchart for administrators using system data
本頁面系統設計中有以下幾大功能:
用戶管理主要實現用戶登錄界面的注冊、用戶發布信息和發布信息的查詢、用戶個人信息的查詢和修改等管理;管理員管理主要實現了管理員對已售二手車用戶信息的刪除的管理。
二手車交易系統功能模塊如圖3所示。

圖3 系統功能模塊圖Fig.3 System function module diagram
每個功能模塊的功能描述如下:
(1)用戶
主要是針對用戶注冊個人信息之后,然后登錄系統后對個人信息的修改和查詢以及發布自己所需要發布的二手車轉賣的信息,查詢自己發布的信息。
(2)管理員
該模塊主要是針對管理員登錄后在后臺對用戶進行刪除,刪除已經出售的二手車的用戶,刪除他們存在的信息。
數據庫設計是指根據用戶的需求在某一具體的數據庫管理系統上設計數據庫的結構和建立數據庫的過程。
本網頁頁面設計主要針對用戶和管理者之間的相互操作而設計,所以這些信息需要存儲為此本文使用開源數據庫MYSQL數據庫進行信息存儲。
(1)用戶表
用戶表主要用于存儲用戶信息。該表中包含的字段有:用戶名、用戶編號、密碼、聯系電話、電子郵箱。用戶表如表1所示。

表1 用戶表Tab.1 User table
(2)管理員表
管理員表主要包括管理員名稱,管理員編號,密碼,如表2所示。

表2 管理員表Tab.2 Admin table
(3)綜合信息表
綜合信息主要包括序號,用戶名,商品名稱,商品簡介,商品價格,聯系電話,微信,QQ,路徑,時間,文件夾位置,文件名,如表3所示。

表3 綜合信息表Tab.3 Comprehensive information system
5.1.1 用戶注冊模塊
用戶注冊功能是一項系統提供身份識別服務,用戶需填寫個人信息進行系統權限注冊,系統將為不同身份的賬戶設置不同的權限和業務功能,同時,用戶注冊的個人信息將同步保存于數據庫中,安全性較高。因網頁涉及較多頁面和代碼,以下只介紹關鍵部分。注冊效果圖如圖4所示。

圖4 用戶注冊界面Fig.4 User registration interface
用戶實現注冊的關鍵代碼如下:
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('" + "請輸入完整數據!" + "');</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=二手車交易系統;Integrated Security=True";
SqlConnection connection = new SqlConnection(connString);
string sql = String.Format("INS-ERT INTO 用戶表(用戶名,密碼,聯系電話,電子郵箱)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('"+ "操作數據庫出錯!" + "');</script>", false);
}
5.1.2 用戶/管理員登錄界面模塊
登錄界面是進入系統的第一個界面,需要設計簡潔,功能明顯。用戶登錄界面是每一個應用軟件都必不可少的部分,其主要功能是保證用戶的數據安全。可供用戶和管理員選擇自己的身份登錄的功能。如圖5所示。

圖5 用戶/管理員登錄界面Fig.5 User/Admin login screen
(1)實現用戶登錄的關鍵代碼如下:
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=二手車交易系統;Integrated Security=True";
SqlConnection connection = new SqlConnection(connString);
//獲取用戶名和密碼匹配的行的數量的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('"+ "數據庫操作錯誤!" + "');</script>", false);
}
finally
{
connection.Close();// 關閉數據庫連接
}
}
(2)實現管理員登錄的代碼如下:
{
string sql = String.Format("select * from [管理員表] where 管理員名稱='{0}' and 密碼='{1}'",名稱, 密碼);
try
{
connection.Open();// 打開數據庫連接
SqlCommand command = new SqlCommand(sql, connection); //創建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('" + "數據庫操作錯誤!" + "');</script>", false);
}
finally
{
connection.Close();// 關閉數據庫連接
隨著互聯網的飛速發展和社會信息化水平的不斷提高,基于互聯網的各種應用日益受到人們的重視。網絡應用已成為現代人們生活中的一個重要組成部分,并且正在網絡社會發揮著越來越重要的作用。網絡頁面的設計的更新也在隨著軟件功能技術的不斷發展而完善,功能也變得更加的強大和完整。本文通過應用 VS軟件簡易設計而呈現出二手車交易平臺的網頁,使得人們能夠在電腦上方便、快捷的發布自己想發布的閑置物品,從而得到物品的循環利用,保證了物品的使用價值。