课程设计项目——网上商城

   大三下学期的课程设计画上了句号,为么缅怀一下,特此写一篇blog。

本次设计的是一个网上商城的电子商务项目,因为Java基础几乎为零,所以还错略的看了一下Javaweb的内容。然后模仿一份项目写了自己的商城。由于没有前端基础所以画面感很粗糙,但是功能基本都实现了,主要针对买家与卖家(管理员)两种角色。主要功能就是分为买家注册和登录、查看商品信息、加入商品到购物车、提交订单、在线留言、查看新闻等功能;卖家(管理员)管理用户、商品(商品分类)、订单、留言、新闻等功能。(附上链接:https://download.csdn.net/download/weixin_45303050/11338199)
根据系统功能分析,将整个系统的功能模块规划为如下的功能模块图:
课程设计项目——网上商城_第1张图片
商城首页设计
商城首页的主导航为商品的一级分类以及近期热门的搜索分类内容,主导航的右侧为一个快捷导航栏方便用户直接搜索需要的商品,界面左侧为商品的整体分类,中部为推荐商品和特价商品的展示,在最右侧有网站的最新的新闻动态。在页面的右上角有分别为购物车、用户登录注册以及留言菜单。整个商城的设计与现今的电商网站的风格较为相似,简单且方便。
其中,通过使用Scroll函数实现图片的滚动。

课程设计项目——网上商城_第2张图片

商品浏览设计
下图为对于家电类商品的浏览页面,展示了所有属于家电类的商品信息,并且在商品的最上端和最下端都有翻页选项,同时在主导航栏的下方有一条面包屑导航,方便用户浏览整个商城的同时,对于搜索引擎也很友好,对于网站的推广很有好处。
定义了搜索商品的searchhot和selectname函数,实现了点击导航栏的某个选项跳转到相应页面
课程设计项目——网上商城_第3张图片
用户注册页面
如下图为用户注册页面,注册页面为一个大的表单,表单在前端和后端都进行了合法性的验证,以确保用户注册信息的合法性。用户需要按照规定合法的填写所有信息,提交并通过前后端验证后才能完成账号的注册。(为什么这个只能发三张图。。。)

课程设计项目——网上商城_第4张图片

你可能感兴趣的:(个人项目)