网站设计内容

青青草鲜花销售网设计报告

1． 网站内容规划

青青草鲜花销售网站首先展现给用户的ST_Default.aspx 页面，此页面主要由两个框架构成。核心部分是ST_Main.aspx 页面，通过该页面调用验证系统对用户类型进行判断。如果判断是管理员，则展现给用户的为管理员页面（admin 为管理员账号）；如果是一般用户，则为一般用户界面。同时在ST_Main.aspx 页面中海为用户提供了注册功能。

鲜花管理

订单管理

用户管理 查找管理 首页 注册

用户订单

购物车

收藏

青青草鲜花销售网站操作流程

青青草鲜花销售网站采用两层架构，每个页面均可以通过Web 展示层直接对数据库进行访问，不使用中间业务逻辑以及与数据库连接的接口。数据库是本系统的最底层，数据访问层建立在数据库之上，Web 展示层通过数据访问层访问数据库。数据访问成封装了数据库中的选择、添加、更新、删除操作，同时还Web 展示层提供了访问数据库的接口还函数。

两层结构模式

Web层是系统的最高层，向用户展示各种页面，用户通过页面对系统进行操作，并实现用户各种操作信息的添加、修改和删除。与数据库直接关联，其数据访问模块封装了对数据库的所有操作，包括数据的添加、修改、删除和查询。

数据库用来存储青青草鲜花销售网站所有数据，如各种鲜花信息、用户信息、订单信息等，是系统必不可少的一个重要部分。

一般用户界面系统功能模块图

2．系统特点和各功能模块功能简解（用户界面、管理员界面及公共模块）

6.1公共模块的编写

主页面：

6.1.1登录系统

整个登录系统的关键在于ST_Left.aspx页面，此页面用到了两个panel控件，在第一个panel控件中包含了一个3行2列的表。表中用了2个文本框，一个用于输入用户名，另一个用于输入密码；还用了一个按钮和一个超链接。超链接用来链接注册页面（ST_Register.aspx）。ST_Left.aspx页面中还有2个gridview控件，分别用于显示鲜花类型

和鲜花排行（前10），本页面获得信息通过ST_Left.aspx.cs调用的系统模块进行验证。

登陆界面

界面设计有显示让用户登录信息的panel和没有登录时不显示，只有登录后显示其访问次数和最近访问时间的panel。最后还包括两个hyperlink超链接，允许用户修改个人信息。

6.1.2注销登录

注销用户登录是由ST_Logout.aspx和ST_Logout.aspx.cs来实现的，由于界面没有任何元素，所以这里列出部分代码及解释。

主要代码:

namespace ST_GROUP.FlowerPrearrange

{

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

{

protected void Page_Load(object sender, System.EventArgs e)

{

Session["UserName"] = null;

Session["UserID"] = null;

Response.Redirect("ST_Main.aspx");

}

#region Web Form Designer generated code

override protected void OnInit(EventArgs e)

{

//

// CODEGEN: This call is required by the Web Form Designer.

//

InitializeComponent();

base.OnInit(e);

}

///

/// Required method for Designer support - do not modify

/// the contents of this method with the code editor.

///

private void InitializeComponent()

{

}

#endregion

}

}

因为用户登录时将其信息保存在了session中，所以在注销时，需要按代码第4~6行的写法将用户注销，注销后将返回到ST_Main.aspx。

6.1.3注册

注册是用户通过登陆框旁边的“注册”来进入ST_Register.aspx页面，即注册页面进行注册。

注册界面

6.2管理员界面

管理员界面：

6.2.1用户管理

在管理员页面中单击“用户管理”超链接即可进入用户管理页面ST_ManageUser.aspx。

用户管理界面

这里用到的gridview控件用来向用户展示已有的信息，同时提供删除用户信息的操作。从页面显示的效果可以看出，gridview的第一列显示了多个复选框。在模板中其实只有2个checkbox，一个表示全选；一个是普通选择，这个普通的放在模板中，会自动随数据的行数创建等量的复选框。

用户信息后台页面ST_ManageUser.aspx.cs主要实现了查看和删除用户的功能，通过bind （）方法来实现从数据库中获取用户数量和用户信息填充gridview控件，单击gridview控件中的删除按钮时，将删除所要删除的信息。正如以上提到，gridview控件使用的是复选框，删除用户时可以选择多条记录。

6.2.2鲜花管理

在管理员界面中点击“鲜花管理”直接进入ST_FlowerManage.aspx。此页面用了一个gridview控件，3个超链接以及一个Literal控件。Gridview控件用来向用户展示已经有的鲜花信息，同时提供删除鲜花的操作；3个超链接分别用来添加鲜花、添加鲜花种类和退出；Literal控件用来显示操作成功与否。