概述

小學期中主要(yào / yāo)學習了(le／liǎo)spring mvc作爲(wéi / wèi)框架來(lái)開發後台接口，能有效地(dì / de)通過本地(dì / de)ip（localhost）+映射的(de)方法名字來(lái)訪問接口，但其主要(yào / yāo)着重點在(zài)于(yú)後台的(de)開發和(hé / huò)部分前台并行的(de)開發。因爲(wéi / wèi)是(shì)java web項目，用的(de)都是(shì)jsp的(de)文件，jsp中包含了(le／liǎo)html和(hé / huò)js一塊來(lái)寫，并在(zài)其中搭建接口的(de)spring mvc框架，并沒有做到(dào)完全前後端分離的(de)開發模式。所以(yǐ)我利用這(zhè)次暑假學習了(le／liǎo)前後台分離的(de)軟件開發模式，運用比spring mvc更簡潔的(de)框架spring boot作爲(wéi / wèi)後端的(de)開發。并運用html，js，css三種語言作爲(wéi / wèi)前端的(de)開發。

在(zài)這(zhè)個(gè)暑假中，開發的(de)項目爲(wéi / wèi)人(rén)脈管理工具，對于(yú)用戶的(de)需求分析是(shì)：社會分工越來(lái)越明顯，想要(yào / yāo)更好達成目标，人(rén)脈，圈子(zǐ)對我們的(de)重要(yào / yāo)性不(bù)言而(ér)喻，但是(shì)認識的(de)人(rén)多不(bù)等于(yú)人(rén)脈多，人(rén)脈廣。搭建和(hé / huò)管理人(rén)脈是(shì)通過系統規劃和(hé / huò)管理，拓展自己的(de)關系鏈，提升社會資本，創造更多的(de)機會和(hé / huò)運氣。管理人(rén)脈不(bù)能僅僅靠記憶，通過“人(rén)脈管理系統”，可以(yǐ)使用戶在(zài)線更新維護自己的(de)人(rén)脈關系。

前端開發

對于(yú)前端的(de)開發來(lái)說(shuō)，對于(yú)我這(zhè)樣的(de)新手也(yě)能很快掌握。因爲(wéi / wèi)在(zài)小學期的(de)java web項目中，在(zài)jsp文件中已經運用到(dào)了(le／liǎo)html和(hé / huò)js這(zhè)兩種語言。難點在(zài)于(yú)，前端的(de)開發需要(yào / yāo)三種不(bù)同的(de)語言分開來(lái)寫，并相互聯系在(zài)一起。html作爲(wéi / wèi)網頁的(de)顯示，js用作函數的(de)處理和(hé / huò)參數傳遞，css用于(yú)将html中的(de)控件進行排版和(hé / huò)設定樣式。

這(zhè)次前端開發耗費兩周左右的(de)時(shí)間。

在(zài)這(zhè)次項目的(de)前端開發中，先進行了(le／liǎo)原型設計，之(zhī)後再進行詳細設計。

以(yǐ)下是(shì)前端設計完成後的(de)項目圖

現階段程序一期開發的(de)功能爲(wéi / wèi)：登錄，注冊，聯系人(rén)列表管理和(hé / huò)聯系人(rén)全息背景卡的(de)管理。

在(zài)本次前端的(de)開發中，遇到(dào)的(de)最大(dà)的(de)問題就(jiù)是(shì)在(zài)訪問接口時(shí)，用戶登錄以(yǐ)後會在(zài)cookies中有一個(gè)sessionId，但每次訪問這(zhè)個(gè)api接口的(de)别的(de)功能是(shì)發現都要(yào / yāo)重新将sessionId放在(zài)訪問的(de)header中，一開始會出(chū)現一直顯示：用戶沒有登錄的(de)bug，這(zhè)個(gè)問題解決了(le／liǎo)很久。

前端開發還有一大(dà)難點就(jiù)是(shì)排版的(de)問題，爲(wéi / wèi)了(le／liǎo)用戶的(de)最佳體驗，幾乎修改了(le／liǎo)排版很多次，将html裏面的(de)每一個(gè)組件都要(yào / yāo)按照一定的(de)規定整齊的(de)進行排版，在(zài)css中進行設置，這(zhè)也(yě)是(shì)對于(yú)前端開發的(de)程序員一個(gè)很大(dà)的(de)挑戰。

其次前端開發的(de)優點就(jiù)是(shì)能實時(shí)性體驗程序的(de)功能，一個(gè)模塊一個(gè)模塊将程序慢慢地(dì / de)完善，但其中就(jiù)需要(yào / yāo)将html和(hé / huò)js文件很好地(dì / de)聯系在(zài)一起，在(zài)js中寫的(de)函數要(yào / yāo)在(zài)html中體現，這(zhè)也(yě)是(shì)一個(gè)難點

後台開發

本次後台開發我接着小學期所學的(de)spring mvc緊接着查閱了(le／liǎo)各種資料和(hé / huò)教程，學習了(le／liǎo)更簡易的(de)spring boot接口開發。

這(zhè)次後台開發大(dà)概花了(le／liǎo)一周的(de)時(shí)間，首先現将數據庫建立，先用excel的(de)形式完整地(dì / de)将參數的(de)命名和(hé / huò)類型體現出(chū)來(lái)。

以(yǐ)下是(shì)部分的(de)數據庫表格

之(zhī)後并沒有傳統地(dì / de)在(zài)mysql中建立數據庫，而(ér)是(shì)非常巧妙的(de)運用spring boot 在(zài)配置文件的(de)時(shí)候連接spring boot和(hé / huò)數據庫，通過生成一個(gè)類，直接在(zài)數據庫中生成對應的(de)數據：

以(yǐ)下是(shì)對應數據庫的(de)類，和(hé / huò)相關注解，通過啓動springboot直接生成數據：

将所有增，删，改，查的(de)接口寫完之(zhī)後，都是(shì)在(zài)本地(dì / de)的(de)localhost進行測試的(de)，爲(wéi / wèi)了(le／liǎo)能讓程序在(zài)互聯網上(shàng)能夠運行，我在(zài)阿裏雲上(shàng)買了(le／liǎo)服務器和(hé / huò)域名，将接口部署到(dào)服務器上(shàng)以(yǐ)後，通過訪問服務器的(de)ip地(dì / de)址來(lái)運行這(zhè)個(gè)接口。

在(zài)部署服務器的(de)過程中遇到(dào)了(le／liǎo)大(dà)量的(de)困難，一直訪問不(bù)了(le／liǎo)服務器上(shàng)的(de)接口，大(dà)概解決了(le／liǎo)3天之(zhī)久，以(yǐ)下四點是(shì)我牢牢記在(zài)筆記上(shàng)的(de)：

1配置服務器的(de)安全組規則，一定要(yào / yāo)把所有端口都寫了(le／liǎo)，tomcat用的(de)是(shì)8080端口也(yě)要(yào / yāo)添加進去。

2先mvn-clean清除所有打包文件，再将本地(dì / de)接口用mvn-install打包，并上(shàng)傳到(dào)服務器。

3 服務器需配置：jdk和(hé / huò)tomcat環境，安裝jdk和(hé / huò)tomcat後一定要(yào / yāo)配置環境變量

4 服務器安裝數據庫mysql&navicat（将接口直接連接到(dào)服務器的(de)數據庫）

終于(yú)在(zài)各種百度的(de)幫助下，解決了(le／liǎo)訪問服務器的(de)問題，現在(zài)這(zhè)個(gè)程序的(de)前後端已經基本完成，接下來(lái)就(jiù)是(shì)添加更多的(de)模塊和(hé / huò)功能，再上(shàng)傳發布和(hé / huò)維護更新。希望在(zài)接下來(lái)的(de)一個(gè)月裏能夠很好地(dì / de)将程序完善