二手手机交易平台前端设计

摘  要：二手手机交易网使更多手机得到了循环使用，不仅解决消费者没有足够资金的问题，如果是在熟人那里购买的也许质量有保障。就拿苹果手机来说，二手的苹果手机价格是新机的1/3甚至1/20。服务于在校学生的C2C（Consumer To Consumer）的校园二手手机交易网站使交易更加迅捷，实时性强，信息充裕，发展空间巨大。

    网站开发采用了div+css+jq开发技术，有网站首页、回收内容需知页、产品交易展示页以及登录页面，界面设计以橙黄以及白色为主，具有较高的符合网络交易页面的布局,给用户一种焕然一新的感觉。网站的模块主题多以介绍手机类型，不同类型手机的价格，介绍交易步骤，紧贴网站主题。布局清爽大方。网站以前端页面布局效果完成了注册登录、搜索、留言板、手风琴等功能。

关键词：div css jq 二手手机网站 

目 录

1 引言 1

1.1 高校二手手机交易网站的开发背景 1

1.2 二手手机交易网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 二手手机交易网的开发环境 3

2.2 本项目应用的主要开发工具 3

2.2.1 sublime text 3 3

2.2.2 Adobe Photoshop CS4 4

2.2.3 Microsoft Office Word 2003 4

2.2.4 XMind 8 Update 8 5

2.3 本项目应用的主要开发技术 5

2.3.1 jQuery语言 5

2.3.2 DIV+CSS 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 业务分析 8

4.1.1 业务组织结构 8

4.1.2 业务工作角色分析 8

4.2 概要设计 11

4.2.1 网站概要设计说明 11

4.3 现行研究存在的问题及解决办法 11

5 网站实现 13

5.1 网站前台界面设计与布局 13

5.1.1 注册界面 13

5.1.2 注册显示同意页面 14

5.2 网站前台界面设计与布局 15

5.2.1 首页 15

5.2.2 前台登录界面 19

5.2.3 产品交易展示页 21

5.2.4 内容回收须知页 22

5.2.5 二手苹果手机回收页面 24

5.3 说明 27

5.3.1 项目文件结构说明 27

5.4 运用外部网站代码进行应用 27

6 测试 28

6.1 测试例子及其结果 29

6.1.1 页面效果测试 29

7 总结与展望 30

致谢 31

参考文献 32