(2)信息搜索模块:当用户单击搜索确认按钮时,页面会先检测搜索框内是否为空,若为空那么就会提示填写需要搜索的内容;若不为空,那么搜索条件会被提交至数据库,数据库服务器将会把符合查询条件的条目罗列为一个DataTable提交给一个新打开的页面,在这个新页面中列出所有符合条件的条目。
(3)信息浏览模块:它包括中间的按照最发布时间顺序列出的最新信息部分,按照信息所属类别名列出的分类信息部分,和其下方仅列出“买卖”标签的带有图片二手信息的展示部分,以及右侧按照点击量顺序列出信息的热点信息部分。这些模块虽然形式不同但原理大同小异,都是在用户访问页面时,取出数据库中部分数据按照预设的排列方式和样式罗列于主界面的页面上,是为了使不同需求的用户都可以以较快的速度找到自己想要关注的信息,大大提高了系统的简捷性和便捷性。
(4)在线购物的货物列表模块:它列出了可供在线购买的所有货物图片及简单信息,并以两行进行有序排列,以便有需要的用户浏览。价格及图片展示部分下方拥有加入购物车按钮,可供已登录用户进行在线购买。它所拥有的购物车模块可供用户一次性挑选多种货物同时购买。
系统主页面的设计效果如图3所示。
 
图3  校园服务平台主页面
3.2信息发布页面设计
信息发布模块主要完成服务信息和二手信息的添加,并可通过查看已发布信息的详情针对该信息进行在线留言。
用户模块中的信息发布模块可以说是这个系统的心脏,正是它驱动着整个系统的运转,没有它这个系统将无法成立。
(1)信息发布模块:当用户登录后,已登录的用户可以在已登录界面上找到信息发布的入口。当用户访问页面时,页面会先检测Session[“User”]以防“误 入”;如果是已登录用户,那么页面会初始化文本编辑框,等待用户输入并提交数据;当用户点击“保存”按钮时,页面会将已收集到的信息附上用户名和点击时的日期时间提交给数据库,以生成一条新的条目;当数据库返回成功标志后,页面跳转回上一页,这时主页面的信息浏览模块便可以将此信息展示出来,完成发布功能。
信息发布页面如图4所示。
 
图4  信息发布页面
(2)信息详情模块:用户点击任意信息条目时,便会跳转至此页面,并且该信息条目的ID将会被传递给这个页面;这个页面会向数据库请求此ID对应的信息具体数据,并将获得的数据按照预设的形式排列在页面上,同时会请求与此ID关联的所有评论,并且按照发布时间的顺序排列在页面下半部分,使用户能够获得此信息条目所包含的所有信息。同时这个页面可以在新窗口中扩大展示条目中包含的图片,还会为已登录用户提供在线留言功能,用户提交的留言将会和用户名、信息ID、发出时间一同在评论数据库中被添加为新条目,使后来的用户可以看到他人的评论。
3.3在线购物及购物车的设计    
(1)在线购物模块:该模块位于主页面的下方,当用户点击货物图片或标题时,会进入和信息详情类似的货物详情页面。
(2)购物车模块:当用户点击货物列表的货物条目下的加入购物车按钮时,会传递对应货物的ID并跳转至购物车页面。将获得的ID以及根据此ID从数据库中请求获得的对应条目数据写入购物车列表,若未获得货物ID(即直接点击购物车按钮时)那么直接读取购物车列表。最后将取出条目的信息排列成一个表格,并根据每个商品的单价和购买数量计算出总价Total,并显示于表单末尾。每个商品后都有“数量”一列,点击加号或减号将会更改要购买的数量,默认为1,调整好想要的数量后点击下方的”更新数据”按钮即会计算调整后的总价。点击“继续购物”按钮会返回货物列表,点击“结算”按钮时则会先检测是否为已登录用户,若不是则会提示登录,若是则会将整个表单传递至确认支付页面。
上一篇:ASP.NET+SQL Server《大型数据库应用》课程网站的设计
下一篇:ASP.NET基于WCF的通用权限管理系统的设计与实现

浅谈校园网安全控制策略【1715字】

校园一卡通数据系统的學...

论校园网的建设和管理【1504字】

规范架建校园网络的设想【4632字】

校园网建设要以用为本【1872字】

校园网的高校教育信息系...

校园网的实验室管理运行...

神经外科重症监护病房患...

C#学校科研管理系统的设计

承德市事业单位档案管理...

10万元能开儿童乐园吗,我...

国内外图像分割技术研究现状

中国学术生态细节考察《...

志愿者活动的调查问卷表

AT89C52单片机的超声波测距...

公寓空调设计任务书

医院财务风险因素分析及管理措施【2367字】