摘 要
隨著我國經濟迅速發展，人們對手機的需求越來越大，各種手機軟件也都在被廣泛應用，但是對于手機進行數據信息管理，對于手機的各種軟件也是備受用戶的喜愛，記賬微信小程序被用戶普遍使用，為方便用戶能夠可以隨時進行在線查看心理測評與活動的數據信息管理，特開發了記賬微信小程序。
記賬微信小程序的設計主要是對系統所要實現的功能進行詳細考慮，確定所要實現的功能后進行界面的設計，在這中間還要考慮如何可以更好的將功能及頁面進行很好的結合，方便用戶可以很容易明了的找到自己所需要的信息，還有系統平臺后期的可操作性，通過對信息內容的詳細了解進行技術的開發。
記賬微信小程序的開發利用現有的成熟技術參考，以源代碼為模板，分析功能調整與記賬微信小程序管理的實際需求相結合，討論了基于記賬微信小程序管理的使用。
第1章 系統運行背景
近些年來，隨著移動互聯網巔峰時期的來臨，互聯網產業逐漸趨于“小、輕、微”的方向發展，符合輕應用時代特點的各類技術受到了不同領域的廣泛關注。在諸多產品中，被譽為“運行著程序的網站”之名的微信小程序，具備“用完即走”、“無需安裝”、“無需卸載”、“觸手可及”的優勢特點。用戶通過此技術掃描特定二維碼，與周邊環境進行互動以此獲取有用信息，使應用程序隨處可見，隨時可用又不必對該程序安裝卸載，為一些高質量的服務提供良好的開發平臺，打破了社交邊界的想象力。在關于記賬本的設計實現中同樣采用了微信小程序技術，使廣大客戶實現“用完即走”的設想。
1.1 研究背景和意義
1.2國內外研究現狀
1.3 本文主要研究內容
1.4 本章小結
第2章 相關技術與開發工具介紹
記賬本小程序主要分為后臺管理和小程序端，由本人獨立完成，于是采用最簡潔開發模式，即敏捷開發，遇到問題解決問題。
2.1硬件要求
操作系統：Windows10
CPU：2.4GHz
內存：8192MB
硬盤：100G
2.2開發及運行環境
(1) 操作系統：Windows 10
(2) 開發工具：idea，微信開發工具，navicat
(3) 運行環境：jdk1.8
(4) 數據庫：mysql5.7
(5) 瀏覽器：谷歌瀏覽器
2.3系統架構設計
后臺選用java語言開發，主要用到springboot框架，springboot框架的優點很多，封裝了servlet，提高了開發效率，集成了servlet容器，簡單的配置，靈活的應用。還用到了mybatis，mybatis主要封裝了jdbc，提供了靈活的sql配置文件。后臺管理界面則采用了bootstrap框架，bootstrap扁平化設計，使得界面整體美觀大方。js用到vue.js，數據dom綁定，操作更加簡單方便。小程序則只用了自身的標簽去實現，以及小程序weui樣式。數據庫采用mysql，mysql體積小適合中小型項目開發。
2.4 相關技術介紹
程序主要分為三大塊，java管理端，小程序用戶端，mysql數據庫。
2.5 Java語言簡介
2.6小程序特點
2.7 MySQL特點
1.mysql輕量級，方便安裝使用
2.mysql關系型數據庫
3.mysql支持sql語言
4.mysql支持多線程
5.mysql提供了多語言鏈接驅動
2.8 B/S 架構及其運行原理
B/S架構，是從 C/S架構發展而來的一種不需要客戶端的架構，這樣可以減少軟件的開發費用，可以在 Wed Server上提供數據，并在 Wed Server上完成所有的業務流程，Wed Server負責對用戶的存取，并將該數據從數據庫中提取出來，并將其反饋到用戶端。。該架構的優勢在于：可以讓使用者在任何時候都能進行操作，只要在客戶端上安裝了web瀏覽器，就可以看到對應的效果，這樣的話，使用者的互動就會變得很好，能夠減輕開發人員的工作壓力。其特點是易于擴展，易于維護和分布性，對客戶端的硬件要求不是很高，B/S的工作方式：
圖2.1 B/S架構原理圖
第3章 系統分析
3.1需求分析
首先對現有系統進行分析，現有系統是信息的重要來源。分析己有系統的功能和實現，從而確定新系統的設計目標和模型。由于條件有限，調研主要足在網上進行，即通過在網上査看已有的記賬本小程序，注冊成為其會員來了解該小程序具備的功能。
3.2用戶需求
“用戶即上帝”，設計小程序前應詳細了解用戶需求，這樣才能避免日后因不滿足 用戶需求而造成大量修改。記賬本小程序應考慮以下幾方而的要求： 用戶通過在線注冊成為小程序的用戶， 用戶使用小程序可以在線記賬。 管理員登陸后臺管理可以針對用戶記賬操作。
3.3功能性需求
功能性需求分析是指對目標軟件系統在功能、行為、性能、設計約朿等方而的期 望。需求分析是軟件設計、實現測試直至維護的主要苺礎，良好的需求分析可以避免 或盡早提出早期的錯誤，從而降低軟件的開發成本，改進軟件的質量。需求分析的任務足通過詳細調査現實界要處理的對象，充分了解系統的工作概況，明確各種功能需求，然后在此基礎上確定新系統的功能。新系統必須充分考慮今后可能的擴充和改變。
本記賬本小程序后臺應完成以下任務：
3.3.1 用戶端
1.登錄注冊（含授權登錄）
2.首頁顯示余額，以及記賬記錄，點擊新增按鈕新增記賬
3.統計分析展示收入指出占比
4.個人中心顯示我的信息（可編輯）
3.3.2 管理端：
1.用戶管理：查看注冊用戶信息及刪除
2.分類管理：分類信息增刪改查
3.記錄管理：查看用戶新增記賬記錄
4.管理員管理：后臺管理員增刪改查
系統對數據的安全性、完整性要求表現在：用戶信息保密，只有管理員可見 (可査），但不能任意修改。確保用戶信息安全。以下是系統性能需求：
(1)準確性和可靠性高
(2) 界面友好，功能齊全，且可以方便使用。
3.4非功能性需求
系統兼容性指的是系統在不同軟件或者硬件環境下操作，是否對網站的整體功能有影響。一般常見的兼容性就是系統在各大瀏覽器以及不同電腦系統中的運行情況，系統兼容性是系列計算機的基本特性，是避免用戶在老產品型號上開發的軟件遭受廢棄的一種重要設計思想與技術措施。 它保護了用戶的已有資源，節約了廠商和用戶的開發投資，加快了計算機的研制過程，促進了計算機產業和應用的發展。在開發網站應當考慮到系統在不同環境下的運行結果是否一致，這直接影響到用戶的體驗。
用戶界而需求：簡潔、易用、易懂，友好和諧的用戶界而。
(2) 硬件需求：Pentium以上計箅機
(3) 可靠性需求：保證用戶在正常使用本系統時，用戶的操作或誤操作不會產生數 據丟失。
(4) 安全保密性需求：用戶登錄需要密碼驗證。
3. 4.1技術可行性
本小程序開發工具有java，mysql，小程序。Java是一種而向對象的語言，簡單易學而且靈活方便；mysql是一個安全、可靠的并且支持面向對象設計的數據庫系統。易用性和可維護性也很好；小程序則使用原生組件開發，小程序官方網站提供了每個組件用例，學習成本低；通過學習鉆研java，mysql，小程序。記賬本小程序總體上開發難度不是太高，技術上具有完全的可行性。
3.4.2 經濟可行性
技術可行性也稱為技術風險分析，研究的對象是信息系統需要實現的功能和性能，以及技術能力約束。技術可行性主要通過考慮以下問題來進行論證：
1） 技術：目前的技術水平和目前的發展狀況能否滿足整個體系的運行。
2） 目標：因為在項目的可行性分析中，目的是不明確的，所以技術上的可行性與項目的功能、性能和約束條件最好是能夠同步。在可行性研究階段，調整項目目標和選擇可行的技術體系都是可以的，而一旦項目進入開發階段，任何調整都意味著更多的開銷[9]。
需要特別指出的是，技術可行性絕不僅僅是論證在技術手段上是否可實現，實際上包含了在當前資源條件下的技術可行性。
對于技術的選擇，具體要根據項目的實際情況（例如，開發環境、開發人員的素質、系統的性能要求等）進行決策，但通常的建議是盡可能采用成熟的技術，慎重引入先進技術。IT業界流行的詼諧語“領先一步是先進，領先兩步是先烈”講的就是對技術的選擇原則。
3.4.3 系統兼容性
系統兼容性指的是系統在不同軟件或者硬件環境下操作，是否對網站的整體功能有影響。一般常見的兼容性就是系統在各大瀏覽器以及不同電腦系統中的運行情況，系統兼容性是系列計算機的基本特性，是避免用戶在老產品型號上開發的軟件遭受廢棄的一種重要設計思想與技術措施。 它保護了用戶的已有資源，節約了廠商和用戶的開發投資，加快了計算機的研制過程，促進了計算機產業和應用的發展。在開發網站應當考慮到系統在不同環境下的運行結果是否一致，這直接影響到用戶的體驗。
3.4.4 系統安全性
安全性是每個領域必須要考慮的事情，系統的安全性直接影響到整個網站的存活。我們在設計網站過程中，安全問題可以分為以下幾個方面：
1.賬戶安全：這直接關系到用戶的個人信息泄露以及網站信息丟失。音樂系統在設計登錄注冊的時候，采用了嚴格的正則表達式，用戶的密碼必須是數字、字母加符號組合，而且還控制了密碼的長度范圍。用戶名同樣控制了長度。
2.網絡環境安全：我們的網站不能在含有惡意病毒的系統上使用，病毒會隨時入侵網站，導致網站崩潰等情況出現。
3.硬件安全：指的是我們的電腦或者其他相關的硬件不能放在潮濕或者有化學藥品的地方。
第4章 總體設計與實現
我們在設計系統的體系時，應站在客戶的立場上思考可能發生的事情，以使做出的產品可以滿足用戶的要求。同時也應為系統將來功能變更、拓展留下余地。此章節重點介紹此記賬本小程序的設計目的、系統功能設計以及對應的數據結構規劃。
4.1 設計目標
設計完成的系統應該能夠滿足使用者完成微信小程序線上記賬。同時能夠體現出系統將來功能的可擴展性、模塊化以及其安全性，以便于系統未來的功能升級改造以及新功能的添加。微信小程序憑借著避免安裝、即用即走的優勢，以及微信強大的用戶的用戶體系，使越來越多的人喜歡使用小程序。
4.2 系統功能結構
在整個系統設計開發中，將系統分割為一系列工作量較小的模塊進行模塊化的開發。根據4.1設計目標闡述，將本次要實現的記賬本小程序分割為兩大模塊：用戶端小程序模塊和管理員后臺管理模塊。其中用戶小程序端包含首頁、記賬、統計、我的、我的信息等。后臺管理包含會員管理、分類管理、記賬管理、管理員管理等。
圖4.2所示為系統的框架圖。
圖4.2系統整體框架圖
4.3 系統業務流程圖
記賬本小程序涉及的業務較多，其流程圖如圖4.3所示。
圖4.3 系統業務流程圖
4.4 數據庫設計
4.4.1 數據庫的選定
數據庫管理系統DBMS是支持人們建立、使用、組織、存儲、檢索和維護數據庫的軟件系統[13]，我們現在可以使用的數據庫有很多種，如Fox數據庫、Access數據庫、DB2、Mysql、Oracle和SQL Server等等。Mysql是一款免費開源的數據庫。相比其他數據庫，它使用方便，靈活性高，可提供高性能的數據訪問。
本系統選擇了Mysql作為本系統運用的數據庫。數據庫名稱為a_cashbook，共建立了8張表。
4.4.2 數據庫概念模型設計
數據庫概念模型即系統的實體——關系模型。實體是用戶工作環境中所涉及的事務，屬性是對實體特征的描述[14]。記賬本小程序的整體E-R圖如圖4.3所示。
4.4.3 數據庫邏輯設計
本系統主要用到了多張數據表，部分表結構如下：
會員表（base_member）
字段名稱 數據類型 必填 注釋
id int(11) 是
gender char(1) 否 性別
real_name varchar(50) 否 姓名
mobile varchar(50) 否 手機號碼
login_name varchar(50) 否 登錄賬號
password varchar(100) 否 密碼
create_time datetime 否 創建時間
分類表（c_category）
字段名稱 數據類型 必填 注釋
id int(11) 是
category_name varchar(255) 否 分類名稱
sort int(11) 否 排序
create_time datetime 否 創建時間
記錄表（c_record）
字段名稱 數據類型 必填 注釋
id int(11) 是
member_id int(11) 否 會員
category_id int(11) 否 分類id
amount decimal(10,2) 否 金額
type tinyint(2) 否 類型
remark varchar(255) 否 備注
create_time datetime 否 時間
管理員表（sys_user）
字段名稱 數據類型 必填 注釋
id bigint(20) 是
username varchar(50) 是 用戶名
password varchar(100) 否 密碼
email varchar(100) 否 郵箱
mobile varchar(100) 否 手機號
status tinyint(4) 否 狀態 0：禁用 1：正常
create_time datetime 否 創建時間
第5章 詳細設計與實現
5.1 用戶模塊實現
5.1.1 首頁模塊實現
用戶模塊主要實現了登錄注冊、記賬等。下文中對系統的所有模塊功能進行敘述和對界面進行展示。
用戶打開小程序能夠看到首頁記賬信息。本功能模塊實現界面如圖5.11 所示。
圖5.11 首頁功能模塊界面
5.1.2 記賬模塊實現
用戶點擊首頁新增跳轉到記賬界面，選擇記賬類型，輸入記賬金額保存即可。本功能模塊實現界面如圖5.12 所示。
圖5.12 記賬功能模塊界面
5.1.3 統計模塊實現
用戶點擊統計展示收入支出餅狀圖。本功能模塊實現界面如圖5.13 所示。
圖5.13 統計功能模塊界面
5.1.5 我的模塊實現
顯示用戶頭像昵稱，可以退出登錄以及點擊登錄跳轉登錄界面。本功能模塊實現界面如圖5.15 所示。
圖5.15 我的功能模塊界面
5.1.6 登錄注冊模塊實現
用戶記賬及查看個人相關信息需要登陸，用戶點擊授權登陸提示是否允許登陸，點擊同意則授權登陸成功。本功能模塊實現界面如圖5.16 所示。
圖5.16 授權登陸功能模塊界面
5.1.7 我的信息模塊實現
用戶可以在相關信息欄目中查看本人相關信息，或者修改姓名手機號碼等可自己更改的信息。本功能模塊實現界面如圖5.17 所示。
圖5.17 查看個人信息功能模塊界面
5.2 管理員模塊實現
5.2.1 會員管理模塊實現
管理員可以查看會員注冊信息以及刪除。本功能模塊實現界面如圖5.2.1 所示。
圖5.2.1會員管理功能模塊界面
5.2.2 分類管理模塊實現
管理員可以查看分類信息，可以增加分類、修改分類、刪除分類。本功能模塊實現界面如圖5.2.2 所示。
圖5.2.2 分類管理功能模塊界面
5.2.3 記賬管理模塊實現
管理員可以在相關信息欄目中選擇不同的查詢條件，點擊“查詢”按鈕查找某個記賬內容。點擊“新增”可以新增一個記賬，點擊“修改”可以修改一個記賬，點擊“刪除”可以刪除一個記賬。本功能模塊實現界面如圖5.2.3 所示。
圖5.2.3 記賬管理功能模塊界面
5.2.6 管理員管理模塊實現
管理員可以在相關信息欄目中輸入或選擇不同的項目，點擊“查詢”按鈕查找管理員，點擊“新增”可以新增一個管理員，點擊“修改”可以修改一個管理員，點擊“刪除”可以刪除一個管理員。。本功能模塊實現界面如圖5.7 所示。
圖5.2.6 管理員管理功能模塊界面
5.3 本章小結
本章是全文篇幅最長的章節，承接上個章節的整體設計。簡單介紹了數據庫的連接實現，然后將系統分成管理端，小程序端兩個模塊，接著將每個模塊更細小的分割后進行詳盡技術闡述并展現了相關模塊的界面效果圖。
第6章 系統測試
軟件測試是軟件開發過程中一個非常必要的環節，其目的是為了能夠發現在軟件產品中所存在的 BUG 或者與用戶需求不符的地方。系統在正式投入使用之前，要先對其進行測試，確保其功能完整，符合用戶利益。
系統測試使用不同的方法和環境對軟件進行各方位的測試，是為了測試系統是否完成了系統設計該有的功能，尋找與系統設計理念相悖之處予以修復。
6.1 測試計劃
6.1.1 測試范圍及其內容
1.用戶端小程序端模塊
本功能內需測試包括首頁，記賬，統計，微信授權登錄，個人中心我的信息維護。
2.管理員功能模塊
本功能內需測試包括用戶管理：查看注冊用戶信息，及刪除；分類管理：對分類增刪改查；記賬管理：對記賬查看及刪除；管理員管理：后臺管理員增刪改查。
6.1.2 測試方法及測試環境
1）測試方法
使用黑盒測試方法對6.1.1中提出的各類功能模塊校驗在輸入正確的數據時可以得到期望返回值，以及在輸入錯誤的數據時系統能實施正確的處理。
2）測試環境
服務器配置如下：
CPU：Intel? Core? i3-3120M CPU @ 2.5GHz
內存：8GB
硬盤：500GB
6.2 測試用例
6.2.1 用戶首頁測試用例
表6.2.1 用戶首頁測試用例表
用例 用例描述 預期結果 實際結果
1 能夠正確顯示記賬信息 正確顯示分類 測試通過
6.2.2 用戶記賬測試用例
表6.2.2 用戶記賬詳情測試用例表
序號 用例描述 預期結果 實際結果
1 填寫記賬信息能夠保存成功 成功保存記賬信息 測試通過
6.2.3 用戶統計測試用例
表6.2.3 用戶統計測試用例表
序號 用例描述 預期結果 實際結果
1 顯示收入支出餅狀圖 正確顯示收入支出餅狀圖 測試通過
6.2.6 用戶我的測試用例
表6.2.6 用戶我的試用例表
序號 用例描述 預期結果 實際結果
1 顯示用戶頭像昵稱 正確顯示用戶頭像昵稱 測試通過
2 退出登錄 點擊退出按鈕退出登錄 測試通過
6.2.7 用戶我的信息測試用例
表6.2.7 用戶我的信息測試用例表
序號 用例描述 預期結果 實際結果
1 能夠顯示我的信息 正確顯示我的信息 測試通過
2 能夠修改我的信息 正確修改我的信息 測試通過
6.3.0 管理員會員管理測試用例
表6.3.0 管理員會員管理測試用例表
序號 用例描述 預期結果 實際結果
1 管理員查詢會員信息 展示會員頭像昵稱信息 測試通過
6.3.1 管理員分類管理測試用例
表6.3.1 管理員分類功能測試用例表
序號 用例描述 預期結果 實際結果
1 管理員查看分類 正確顯示分類信息 測試通過
2 管理員新增一條分類 點擊新增按鈕，輸入分類信息，點擊保存新增一條分類 測試通過
3 管理員修改一條分類 選擇一條分類點擊編輯顯示分類信息，輸入要修改的內容，點擊保存，修改這條分類 測試通過
4 管理員刪除一條分類 選擇一條分類，點擊刪除按鈕，刪除分類 測試通過
6.3.2 管理員記賬管理測試用例
表6.3.2 管理員記賬管理功能測試用例表
序號 用例描述 預期結果 實際結果
1 管理員查看記賬 正確顯示記賬信息 測試通過
2 管理員刪除一條記賬 選擇一條記賬，點擊刪除按鈕，刪除記賬 測試通過
6.3.4 管理員用戶管理測試用例
表6.3.4 管理員用戶管理功能測試用例表
序號 用例描述 預期結果 實際結果
1 管理員查看用戶信息 正確顯示用戶信息 測試通過
2 管理員新增一條用戶 輸入用戶信息，點擊保存新增一條用戶 測試通過
3 管理員修改一條用戶 選擇一條用戶點擊編輯顯示用戶信息，輸入要修改的內容，點擊保存，修改這條用戶 測試通過
4 管理員刪除一條用戶 選擇一條用戶，點擊刪除按鈕，刪除用戶 測試通過
6.3 本章小結
本章主要使用黑盒測試方法將系統從不同的模塊來進行測試，編寫了相關測試用例。分析測試結果，使系統具備可靠性和穩定性。
