校园二手信息网站的详细设计与实现主要是根据前面的校园二手信息网站的需求分析和校园二手信息网站的总体设计来设计页面并实现业务逻辑。主要从校园二手信息网站界面实现、业务逻辑实现这两部分进行介绍。
当进入校园二手信息网站的时候，首先映入眼帘的是系统的导航栏，下面是轮播图以及系统内容，其主界面展示如下图4-1所示。
图4-1 前台首页界面图
普通的用户只支持对网站信的浏览，想要购买或者交流就必须登录到系统，如果你没有本校园二手信息网站的账号的话，添加“注册”根据提示输入好用户信息后，点击“注册”按钮后，系统会对输入的信息进行验证，验证输入的账户名和数据库表中已经注册的账户名是否重复，只有都验证没问题后即可会员注册成功。其用会员注册界面展示如下图4-2所示。
图4-2 前台会员注册界面图
校园二手信息网站中的前台上注册后的会员是可以通过自己的账户名和密码进行登录的，当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后，将会首先验证输入的有没有空数据，再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致，只有在一致后将会登录成功并自动跳转到校园二手信息网站的首页中；否则将会提示相应错误信息，用户登录界面如下图4-3所示。
图4-3会员登录界面图
用户在点击导航栏上面的留言板后，就可以搜索查看留言信息，用户根据自己的喜好可以进行交流，留言板界面如下图4-4所示。
图4-4留言板界面图
当用户点击“收货地址”右后，就回去显示出目前现有的地址，也可以添加新的地址，界面如下图4-5所示。
图4-5收货地址界面图
当访客点击了任意商品后将会进入该款商品的详情界面，可以了解到该商品的图片信息、商品信息、价钱信息等，同时可以对该商品进行加购+立即购买+收藏+点赞+评论，商品详情展示页面如图4-6所示。
图4-6 商品详情界面图
当用户点击“我的订单”链接后就进入自己购买的订单的界面展示，界面如下图4-7所示。
图4-7 我的订单界面图
卖家进入后台后点击“商城管理”，能够看到自己发布的二手信息，对二手商品进行管控。界面如下图4-8所示。
图4-8 商城管理界面图
卖家进入后台后点击“订单列表”，能够看到用户购买自己商品的时候提交的订单。界面如下图4-9所示。
图4-9 订单列表界面图
校园二手信息网站中的管理人员是可以对前台注册的买家和卖家进行管理的，也可以对管理员进行管控。界面如下图4-10所示。
校园二手信息网站中的管理人员是可以对前台用户发布的留言进行管控的，界面如下图4-11所示。
图4-11留言界面图
校园二手信息网站中的管理人员是可以对校园二手信息网站内的卖家发布的商品进行维护和管理的，支持增删改查操作。界面如下图4-11所示。
图4-11商城管理界面图
校园二手信息网站中的管理人员是可以对校园二手信息网站内的资讯信息进行维护和管理的。校园资讯列表界面如下图4-12所示。
图4-12校园资讯列表界面图
">