需要金幣:![]() ![]() |
資料包括:完整論文 | ![]() |
![]() |
轉(zhuǎn)換比率:金額 X 10=金幣數(shù)量, 例100元=1000金幣 | 論文字?jǐn)?shù):12408 | ![]() | |
折扣與優(yōu)惠:團(tuán)購最低可5折優(yōu)惠 - 了解詳情 | 論文格式:Word格式(*.doc) | ![]() |
摘要:當(dāng)今時代發(fā)展迅速,各類高新技術(shù)層出不窮,管理系統(tǒng)這個名詞相對于大眾來說已經(jīng)不是一個陌生的名詞。毫不客氣的說,我們的工作和生活里到處都充斥著管理系統(tǒng)的身影,白領(lǐng)上班需要有工作考勤管理系統(tǒng),學(xué)生學(xué)習(xí)有學(xué)校的教務(wù)處管理系統(tǒng),而這些種樣繁多的管理系統(tǒng),便利著我們的生活。因管理系統(tǒng)愈發(fā)貼近我們的生活,所以人們對于信息管理系統(tǒng)界面的要求就越來越高,優(yōu)美的界面設(shè)計(jì),合理人性的 UI 風(fēng)格,是現(xiàn)在信息系統(tǒng)管理界面所必須得,所以前端這個概念就和信息管理系統(tǒng)一拍即合,成為信息管理系統(tǒng)界面主要編程方式。 Angular.JS 是一個基于單頁 web 的規(guī)范架構(gòu)。以 HTML 語言作為基礎(chǔ)和模板,并在其上做擴(kuò)增,來支持更加清晰方便的創(chuàng)建應(yīng)用的組件。Angular 的數(shù)據(jù)綁定,依賴注入,和路由跳轉(zhuǎn)等思想提供了良好的用戶體驗(yàn),可和任何服務(wù)器端技術(shù)完美結(jié)合。 在典型的 Web 應(yīng)用實(shí)現(xiàn)流程中,首先將全部的頁面加載進(jìn)來,然后再跟用戶溝通,再根據(jù)用戶操作來何后臺進(jìn)行互通,但這樣每次的互通都會和后天服務(wù)器進(jìn)行交互,會給用戶造成很不好的體驗(yàn),而每次瀏覽器對于后臺服務(wù)器請求新頁面數(shù)據(jù)的加載,這對于數(shù)據(jù)層與 UI 之間的設(shè)計(jì)不可以很好的分離,簡略來講就是不利于前后端的分離。而 angular.js 在首次響應(yīng)后,就會把所有的 HTML 語句全部加載到客戶端頁面,而后的所有用戶操作指令全部由 REST API 來獲取 json 數(shù)據(jù)。這樣每次得數(shù)據(jù)請求,都可以很好的完成前后端分離的做法。 一般來說一個整套信心管理系統(tǒng)開發(fā)下來,需要前端+數(shù)據(jù)庫+后臺,細(xì)致劃分的話,就是 Angular/Bootstrap+MongoDB+Node.js,但本文只對前端界面進(jìn)行開發(fā),所以只進(jìn)行前端部分進(jìn)行討論,另頁面實(shí)驗(yàn)數(shù)據(jù)皆為自行創(chuàng)建的 json 文件。 關(guān)鍵字:管理信息系統(tǒng);AngularJS;前端開發(fā)
目錄 摘要 Abstract 第一章 緒 論 1 1.1 管理信息系統(tǒng) 1 1.2 研究背景及意義 2 1.3 主要研究內(nèi)容 2 1.4 國內(nèi)外狀況研究 2 1.5 可行性研究 3 1.5.1 經(jīng)濟(jì)可行性 3 1.5.2 技術(shù)可行性分析 3 第二章 系統(tǒng)開發(fā)的相關(guān)技術(shù) . 4 2.1 開發(fā)工具和環(huán)境 4 2.1.1 Sublime Text 3 4 2.1.2 WNMP 4 2.1.3 Protractor 和 AngularJS Batarang 5 2.1.4 Google Chrome . 5 2.2 開發(fā)技術(shù) 6 2.2.1AngularJS 6 2.2.2Bootstrap 6 2.2.3HTML5 7 2.2.4MVC 和 MVVM . 7 第三章 系統(tǒng)總體設(shè)計(jì) . 9 3.1 系統(tǒng)需求分析 9 3.2 系統(tǒng)功能模塊 9 第四章 系統(tǒng)實(shí)現(xiàn) 11 4.1 開發(fā)環(huán)境搭建 . 11 4.2 系統(tǒng)關(guān)鍵代碼 . 12 4.3 系統(tǒng)展示 . 15 4.3.1 登錄頁 15 4.3.2 主界面 15 第五章 系統(tǒng)調(diào)試和測試 17 5.1 程序調(diào)試 17 5.2 程序的后期測試 17 總結(jié) 18 致謝 19 參考文獻(xiàn) 20 |