Exchange信息发布（二手交易)平台 1需求背景 由于学生的生活、学习用品中，绝大部分具有时效性，也即，某 些商品使用了一段时间之后，对属主可能就没有价值了。同时，这部 分商品对另外一批人可能有非常大的实用价值。由此看来，校园内商 品的流通量还是相当巨大的。不过目前校内仍然缺乏一个比较好的信 息发布平台。北大三角地算是一个满足条件的地方，很不幸，后来被 拆了。同去网门口太高了，只有社团才能发布内容。故建立一个平民 化的在线信息发布平台很有必要。 2概念设计 2.1可选方案分析 根据现有网站的实例，分析了几种可行方案，并制定了初步流程， 最后经过讨论进行流程简化确定了最终实行方案。 方案1：仿京东式流程
Exchange 信息发布（二手交易）平台 1 需求背景 由于学生的生活、学习用品中，绝大部分具有时效性，也即，某 些商品使用了一段时间之后，对属主可能就没有价值了。同时，这部 分商品对另外一批人可能有非常大的实用价值。由此看来，校园内商 品的流通量还是相当巨大的。不过目前校内仍然缺乏一个比较好的信 息发布平台。北大三角地算是一个满足条件的地方，很不幸，后来被 拆了。同去网门口太高了，只有社团才能发布内容。故建立一个平民 化的在线信息发布平台很有必要。 2 概念设计 2.1 可选方案分析 根据现有网站的实例，分析了几种可行方案，并制定了初步流程， 最后经过讨论进行流程简化确定了最终实行方案。 方案 1：仿京东式流程
校内人员 Jaccount登录 第一次登陆 注册基本信息 以前登陆过 进入个人主页 我要买 我要卖 没兴趣 浏宽物品 不愿购买 已挂牌 要挂牌 物品详细界面 查看是否有买家 上传物品，填写 物品信息 决定购买 有 没有 买家卖家交流界面 验证 买家卖家交流界面 推销产品 信息互相验证 信息互相验证 等待买家 图1方案1 该方案优点： 1) 流程与现有网站相似，可靠度较高。 2) 分流明确，逻辑清晰。 该方案缺点： 1) 过于复杂。 2) 适用面过窄。 方案二：简化逻辑的信息发布平台
图 1 方案 1 该方案优点： 1) 流程与现有网站相似，可靠度较高。 2) 分流明确，逻辑清晰。 该方案缺点： 1) 过于复杂。 2) 适用面过窄。 方案二：简化逻辑的信息发布平台
发布 个人 管理 登出 登陆 主页 查询 图2方案2 该方案优点： 1) 逻辑简单，容易使用。 2） 公告形式，适用范围广泛。 3) 页面简单，适用于多平台。 该方案缺点： 1) 功能过于简单 2.2方案确定 基于对当前方案的调查与分析，以及对逻辑关系的探讨，我们选 定了最佳方案（方案二），并试图在技术上将其实现。 3实现过程及结果 通过php动态语言，HTML标记语言，javascript脚本语言，和CSS 实现，实现环境如下： Apache PHP MySQL
图 2 方案 2 该方案优点： 1) 逻辑简单，容易使用。 2) 公告形式，适用范围广泛。 3) 页面简单，适用于多平台。 该方案缺点： 1) 功能过于简单 2.2 方案确定 基于对当前方案的调查与分析，以及对逻辑关系的探讨，我们选 定了最佳方案（方案二），并试图在技术上将其实现。 3 实现过程及结果 通过 php 动态语言，HTML 标记语言，javascript 脚本语言，和 CSS 实现，实现环境如下： Apache + PHP + MySQL
3.1方案的实现 主页： Exchange交易平台Hcme个人■理 只病只 比卡五 上海世天 价45元 售价面 2020年20号拍量 这是 test 凯旋门 家大 大，而向大尼站说，门 凯旋门 东大门 自适应屏幕大小的主页，当分辨率发生变化时，主页布局会跟着变化： Exchange交易平台 比卡丘 上海地铁 小萌宠物，售价45元 售价面谈 这是简介，这是简介。。。这是简 2020年20号线拍卖 介，这是简介。。。这是简介，这 是简介。。。这是简介，这是简介 疏▣ 。。。这是简介，这是简介。。。 这是简介，这是简介。。。这是简 介，这是简介。。。这是简介，这 滚动到页面底部时，页面会动态加载新的内容：
3.1 方案的实现 主页： 自适应屏幕大小的主页，当分辨率发生变化时，主页布局会跟着变化： 滚动到页面底部时，页面会动态加载新的内容：
凯旋门 东大门 凯旋门 东大门，直向华大忘站德，庙门 肌旋门 三大门 东大门，面向华大尼，由 凯旋门 东大门 东大门，包向中大站满，西门 凯旋门 东大门 东大门，面向华畅大见镜.门 凯旋门 点击时会弹出详情页面： 详细信息 比卡丘 小高。售价45元 这是酒介是调介◆边是调介，这是介◆◆·这是河介这是调介◆。 这是调介，这是阅介◆女： 关闭 搜索信息：
点击时会弹出详情页面： 搜索信息：
Exchange?交易平台Heme个人■理(t 比卡丘 小物，价45元 是介 登陆： Exchange交易平台刊cmo个人理( 登陆 用户去 码 正码 出 登录 登陆后进入个人管理：
登陆： 登陆后进入个人管理：
Exchange?交易平台刊eme个人m速言 SUBTITLE INTRODUCTION OPERATION 售价做 2020生20%线柏费 w 这是介宫是 行数 标 之 160 此比卡丘 这蚕 个。。 59 6 上传图片并添加新项目： Exchange?交易平台刊eme个以速t SUBTITLE INTRODUCTION OPERATION 161 售价 020件20号线始 w 导介，病最通介， T... 行 此近 小 点击添加，即可把信息发布到主页上 3.2改进方案 (1)将用户登陆替换成JAccount登陆，限制使用群体（面向校内） (2)详情页面中加入发布者联系方式，不过得输入验证码之后才能 看到。目的是为了在提供联系方式的基础上尽量保护发布者的隐私， 避免被爬虫自动获取
上传图片并添加新项目： 点击添加，即可把信息发布到主页上 3.2 改进方案 （1）将用户登陆替换成 JAccount 登陆，限制使用群体（面向校内） （2）详情页面中加入发布者联系方式，不过得输入验证码之后才能 看到。目的是为了在提供联系方式的基础上尽量保护发布者的隐私， 避免被爬虫自动获取
4人员分工 实现过程包括四个阶段： 第一阶段：小组讨论，寻找现有网站。 第二阶段：提供方案及流程图。 第三阶段：确定方案并实行各个界面设计。 第四阶段：编程及完善界面。 设计任务的具体分工如表1所示。 表1人员分工情况 姓名 人员分工 林培胜 组长、编程，编程，编程 陈灏 逻辑设计 钟嘉明 总体流程讨论，系统规则制定，流程初稿设计，个人主页界面初 稿设计，首页初稿设计，首页定稿设计，搜索界面设计 盛晓菁 逻辑设计 王富民 个人主页界面第二稿设计 张春生 Log0初稿、L0g0第二稿
4 人员分工 实现过程包括四个阶段： 第一阶段：小组讨论，寻找现有网站。 第二阶段：提供方案及流程图。 第三阶段：确定方案并实行各个界面设计。 第四阶段：编程及完善界面。 设计任务的具体分工如表 1 所示。 表 1 人员分工情况 姓名 人员分工 林培胜 组长、编程，编程，编程 陈灏 逻辑设计 钟嘉明 总体流程讨论，系统规则制定，流程初稿设计，个人主页界面初 稿设计，首页初稿设计，首页定稿设计，搜索界面设计 盛晓菁 逻辑设计 王富民 个人主页界面第二稿设计 张春生 Logo 初稿、Logo 第二稿