失物招领微信公众平台的开发和建设

摘  要： 21世纪是个信息化的时代，现代手机的发展，为各行各业的发展创造了一个全新的时代背景——人们的生活、工作等已经越来越离不开手机了，而微信以及各类手机app的发展趋势越来越快，手机的功能也越来越多，在开始思考文档设计那天我就在想能不能通过建设一个校园失物招领的微信公众平台实现快捷的失物信息提交和留言功能，通过在公众平台上实现提交拾取失物信息、查看相关失物信息、留言等功能。通过手机各类app软件，人们得以更方便的交流，更便捷的发表自己的观点，在留言中可以留下自己对失物可能的信息，以及通过留言确认是否是自己的失物。人们可以通过本公众平台在手机上或者电脑上来自主获取被提交的失物的信息，有更高的效率和时效性，通过本页面实现失物信息的提交和寻找失主的作用。就可以让失主可以快捷的获取失物的信息，以及让拾金不昧的热门通过留言等信息更快找到失主。

关键词：微信公众平台建设  WAP界面设计  WAP界面布局    

目 录

1 引言 1

1.1 课题的研究背景及意义 1

1.2 课题现状与发展趋势 1

1.3 课题的可行性分析 2

2 项目目标和内容 3

2.1 目标和内容 3

2.2 相关任务 3

3 开发环境以及工具和技术的介绍 5

3.1 项目开发环境 5

3.2 主要开发工具介绍 5

3.2.1 微信公众平台 5

3.2.2 Microsoft Visio 绘图 6

3.2.3 Adobe Photoshop CS6 7

3.2.4 Dreamweaver 7

3.2.5 Sublime Text 8

3.2.6 135编辑器 8

3.2.7 Mindjet MindManager思维导图 9

3.3 主要技术介绍 10

3.3.1 jQuery 10

3.3.2 Div+CSS 11

3.3.3 ThinkPHP 11

3.3.4 mySQL数据库 12

3.4 关键技术的研究 13

3.4.1 WAP页面 13

3.4.2 WAP页面的设计 14

3.4.3 WAP页面的布局 14

4 项目分析 16

4.1 项目概述 16

4.2 项目性能需求 16

4.3 项目模块和流程 17

4.3.1 功能模块分解 17

4.3.2 操作流程 17

4.4 项目进度安排 18

5 微信公众平台的申请与构建 20

5.1 公众号的申请 20

5.1.1 微信公众号 20

5.1.2 申请流程 20

5.2 公众号的构建 21

5.2.1 微信图标 21

5.2.2 微信编辑模式 21

6 页面的设计和实现 23

6.1 页面设计 23

6.1.1 收集整理相关资料 23

6.1.2 定义结构画流程图 23

6.1.3 制作效果图 26

6.1.4 确认工作 28

6.2 页面布局 28

6.2.1 效果图切片 28

6.2.2 创建项目 29

6.2.3 页面布局 29

6.2.4 WAP页面布局效果的测试 30

6.2.5 后台开发 31

6.3 图文界面的设计和编辑 31

6.3.1 收集整理相关资料 31

6.3.2 编辑图文界面 32

6.3.3 设计制作图文图标 32

6.3.4 发布图文 33

7 项目测试 34

8 总结与展望 35

致谢 36

参考文献 38