校园新闻微信小程序设计与开发.docx

摘要：本文主要以时下流行的微信小程序为研究对象，通过wxml，wxss，js，json技术对小程序进行设计，以校园新闻为主题，进行相关小程序的编码与页面设计。主要模块包括：以展示时下最热新闻为内容的“热点”新闻模块；以展示苏州本地新闻为内容的“苏州”新闻模块；以显示苏州大学本校新闻为内容的“苏大”新闻模块；以显示苏州大学数学科学学院本院新闻为内容的“学院”新闻模块以及以用户本人登录的“个人中心”模块。

关键词：微信；小程序；新闻；软件模块化；api

目录

摘要

Abstract

第1章  绪论-3

第1.1课题背景-3

第1.2研究意义-3

第1.3研究的内容及目标-3

第2章 技术简介-4

第2.1 微信小程序语言-4

第2.1.1 html,css和javascript-4

第2.1.2 json,wxml,wxss和js-4

第2.2 软件模块化-4

第2.3 网络接口-5

第3章  需求分析-6

第3.1总体要求-6

第3.1.1 项目背景-6

第3.1.2 小程序结构分析-6

第3.2 功能需求-8

第3.3 性能需求-8

第4章 总体设计-9

第4.1 总体设计思路-9

第4.1.1 页面效果设计-9

第4.1.2 新闻内容显示设计-10

第4.1.3 新闻详细页设计-12

第4.1.4 “个人中心”界面设计-13

第4.1.5 新闻获取方式设计-13

第4.2 功能设计-13

第5章 具体实现-14

第5.1 关于页面设计的实现-14

第5.1.1 滑动和模块化-14

第5.1.2 页面布局与展示-16

第5.2 账号信息获取-17

第5.3 三种新闻获取方式-17

第5.3.1 聚合数据（api）-17

第5.3.2 webview-18

第5.3.3 本地输入-18

第6章 软件测试-20

第6.1 测试范围与主要内容-20

第6.2 测试结果-20

第7章 技术难点分析-21

结 语-22

参考文献-23

致 谢-24