C#校园爱心慈善屋交易网站的设计与实现+ER图+数据流图DFD(16)
logout 登出 userlog 用户登录
lyb 网站BBS userreg 用户注册
xtjj 系统简介 yonhuzhuce_add 用户添加
yonghuzhuce_list 所有注册用户信息列表 yonghuzhuce_updt 修改注册用户信息
yonghuzhuce_updt2 修改个人信息 yonghuzhucedetail 注册用户详细信息
yqlj_add 友情链接 zmm 密码找回
4.1 界面设计
系统界面是整个系统面向所有进入系统的人的，注册用户和非注册用户都可以使用到系统界面。可以让所有用户都可以轻松浏览到本系统的信息资源，页面分类别显示的信息都是最新的5条相关信息，可以即时浏览到最新的信息。还可以通过查询方式，输入想要查找的信息的关键字，搜索自己想了解的信息资源。用户也可以在登陆后，点击发布信息，发布自己的二手商品信息。同时系统界面也是客户端的主体界面。
（1） 网站主界面
此界面为所有用户的操作页面，包括非注册用户、注册用户、管理员，都可在此界面进行基本信息浏览、查询等操作。
图 4.1 慈善交易网主界面
实现：该界面主要由登陆模块，友情链接模块，新闻内容表单，商品信息表单及网站主框架构成。通过数据绑定的形式显示新闻及商品信息的实时内容。
具体操作方法：网站左侧有登陆模块，游客若已注册，则只需输入用户名和密码就可登陆。若没有注册则点击网站主导航的第五个选项“用户注册”。
点击网站上方导航栏站内新闻，商品浏览，线上交流，找回密码，后台管理等就可进入相应的模块。
同时，用户也可直接点击网站首页显示的新闻或商品链接，网站会自动链接到具体页面。
（2） 站内新闻
该界面主要显示慈善交易平台网站的新闻公告等内容，注册用户，非注册用户都可浏览。
图 4.2 站内新闻界面
实现及具体操作方法：本页面是由网站主框架和一个新闻detail模块构成的。用户通过点击主页上的某新闻链接或主导航上的站内新闻里的某具体新闻标题，该新闻的ID号就会传递给系统，系统返回该新闻的具体内容在detail页面显示给用户。
（3） 商品浏览
用户点击首页上导航栏的商品浏览就可进入此页面。在该界面，用户可以查看本慈善交易平台所有慈善商品的基本信息，注册用户，非注册用户都可浏览。点击产品图片可显示大图。同时也可输入商品名称进行查询。
图 4.3 慈善商品详细信息界面
实现：本页面是由网站主框架，Datagrid，几个文本框和搜索按钮组成。首先要在可以实现搜索功能的页面上加入一个提交搜索用的表单，下拉框用于实现搜索的分类列表，文本框用于提交搜索的关键字，系统根据文本框及下拉框的条件进行数据的显示。
具体操作方法：用户通过点击主页上的商品或主导航上的商品浏览就可转入此页面。商品的搜索功能可以让客户更加快速、方便地找到自己想要的商品，用户可通过商品名称，商品类别等信息进行删选及搜索。
（4） 线上交流界面
用户点击首页上导航栏的线上交流就可进入此页面。该页面为线上交流界面，有点类似BBS 社区之类的功能。注册用户，非注册用户都可浏览以及留言使用，可以是对产品信息的求供，也可以是对日常生活的交流等等，主要起到一个为使用本网站的用户提供一个交流沟通的平台。
下一篇：PV3D实景虚拟漫游技术的实现