C#校园爱心慈善屋交易网站的设计与实现+ER图+数据流图DFD(17)
图 4.4 线上交流界面
实现：该页面主要由网站主框架，表单，文本框和对留言板设计来说较常用的Repeater 控件组成。Repeater 控件用于显示重复的项目列表，这些项目被限制在该控件。DataGrid控件对数据输出格式是自动生成HtmlTable标记的，DataList控件也是这样，它根据数据内容来生成数据控制表格。而Repeater 控件是模板化的数据绑定列表，Repeater 控件是“无外观的”，即：它不具有任何内置布局或样式，也就不会产生任何数据控制表格来控制数据的显示。
具体操作：用户通过点击主页导航上的线上交流就可转入此页面。必须先填基本信息才能进行交流或留言。
（5） 普通用户注册界面
该页面主要为新用户注册界面。
图 4.5 用户注册界面
实现：该页面主要由网站主框架和一些文本框组成。通过文本框将用户输入的值传递给数据库，进行数据的实时传递和更新。
具体操作：用户点击首页上导航栏的用户注册就可进入此页面。在此页面，可完成新用户登录额注册。会员注册时需填写用户名、密码、真实姓名、性别、电话、生日，邮箱、QQ、新区爱好、性别、密码提示问题及答案的基本信息。
（6） 普通用户登录界面
该界面为注册用户登录界面。用户只要输入用户名、密码就可登录并使用本慈善交易平台。
图 4.6 普通用户登录界面
实现：该模块主要为验证模块，通过对比用户输入文本框中的用户名、密码信息和数据库中已有的用户名、密码信息来达到验证效果。
（7） 普通用户个人后台界面
注册用户登录本慈善交易平台后的个人后台操作界面。用户可进行个人信息查看，修改。发布慈善商品，查询自己发布慈善商品，售出订单管理，购物车以及修改登录密码操作。
图 4.7 普通用户登录界面
实现：该页面主要由网站后台主框架（top,center,down）和Treeview组成。通过用户权限的判断，如果是普通用户，则显示普通用户的Treeview，如果是管理员，则显示管理员的Treeview。
具体操作：用户可根据自己的需要选择各项操作。
（8） 个人信息修改界面
注册用户可在本页面修改本人基本信息。
图 4.8 个人信息修改界面
（9） 商品发布界面
注册用户可在本页发布自己想出售的慈善物品。需填入商品名称，商品类别，商品原价，商品现价，商品图片，商品简介数量等信息。
图 4.9 发商品界面
实现：本页面由5个文本框，上传图片，3个按钮组成。主要操作为把用户输入的数据导入到数据库。
具体操作：用户登陆个人后台界面，通过左侧导航的商品管理，商品添加就可进入此界面。输入相应的商品信息按添加就可发布最新的慈善商品信息。
（10） 购买评论商品界面
用户选择需要查看的商品，在这里除了可以浏览其详细信息，还可以放入购物车，以及对该商品经常评论。
图 4.10 购买评论商品界面
实现：本页面由商品详细信息，文本框以及操作按钮组成。
具体操作：用户可在此页面对具体的商品进行查看、评论或购买操作。
（11） 购物车界面
该界面即为用户选购的所有商品的清单，包括卖家用户名、商品名称、商品类别、价格、数量、状态。用户也可在此删除该商品。
下一篇：PV3D实景虚拟漫游技术的实现