摘要：本文主要以時(shí)下流行的微信小程序?yàn)檠芯繉?duì)象，通過wxml，wxss，js，json技術(shù)對(duì)小程序進(jìn)行設(shè)計(jì)，以校園新聞為主題，進(jìn)行相關(guān)小程序的編碼與頁面設(shè)計(jì)。主要模塊包括：以展示時(shí)下最熱新聞為內(nèi)容的“熱點(diǎn)”新聞模塊；以展示蘇州本地新聞為內(nèi)容的“蘇州”新聞模塊；以顯示蘇州大學(xué)本校新聞為內(nèi)容的“蘇大”新聞模塊；以顯示蘇州大學(xué)數(shù)學(xué)科學(xué)學(xué)院本院新聞為內(nèi)容的“學(xué)院”新聞模塊以及以用戶本人登錄的“個(gè)人中心”模塊。

關(guān)鍵詞：微信；小程序；新聞；軟件模塊化；api

目錄

摘要

Abstract

第1章  緒論-3

第1.1課題背景-3

第1.2研究意義-3

第1.3研究的內(nèi)容及目標(biāo)-3

第2章 技術(shù)簡介-4

第2.1 微信小程序語言-4

第2.1.1 html,css和javascript-4

第2.1.2 json,wxml,wxss和js-4

第2.2 軟件模塊化-4

第2.3 網(wǎng)絡(luò)接口-5

第3章  需求分析-6

第3.1總體要求-6

第3.1.1 項(xiàng)目背景-6

第3.1.2 小程序結(jié)構(gòu)分析-6

第3.2 功能需求-8

第3.3 性能需求-8

第4章 總體設(shè)計(jì)-9

第4.1 總體設(shè)計(jì)思路-9

第4.1.1 頁面效果設(shè)計(jì)-9

第4.1.2 新聞內(nèi)容顯示設(shè)計(jì)-10

第4.1.3 新聞詳細(xì)頁設(shè)計(jì)-12

第4.1.4 “個(gè)人中心”界面設(shè)計(jì)-13

第4.1.5 新聞獲取方式設(shè)計(jì)-13

第4.2 功能設(shè)計(jì)-13

第5章 具體實(shí)現(xiàn)-14

第5.1 關(guān)于頁面設(shè)計(jì)的實(shí)現(xiàn)-14

第5.1.1 滑動(dòng)和模塊化-14

第5.1.2 頁面布局與展示-16

第5.2 賬號(hào)信息獲取-17

第5.3 三種新聞獲取方式-17

第5.3.1 聚合數(shù)據(jù)（api）-17

第5.3.2 webview-18

第5.3.3 本地輸入-18

第6章 軟件測(cè)試-20

第6.1 測(cè)試范圍與主要內(nèi)容-20

第6.2 測(cè)試結(jié)果-20

第7章 技術(shù)難點(diǎn)分析-21

結(jié) 語-22

參考文獻(xiàn)-23

致 謝-24