概述

小學(xué)期中主要學(xué)習(xí)了spring mvc作為框架來開發(fā)后臺接口，能有效地通過本地ip（localhost）+映射的方法名字來訪問接口，但其主要著重點在于后臺的開發(fā)和部分前臺并行的開發(fā)。因為是java web項目，用的都是jsp的文件，jsp中包含了html和js一塊來寫，并在其中搭建接口的spring mvc框架，并沒有做到完全前后端分離的開發(fā)模式。所以我利用這次暑假學(xué)習(xí)了前后臺分離的軟件開發(fā)模式，運用比spring mvc更簡潔的框架spring boot作為后端的開發(fā)。并運用html，js，css三種語言作為前端的開發(fā)。

在這個暑假中，開發(fā)的項目為人脈管理工具，對于用戶的需求分析是：社會分工越來越明顯，想要更好達成目標(biāo)，人脈，圈子對我們的重要性不言而喻，但是認識的人多不等于人脈多，人脈廣。搭建和管理人脈是通過系統(tǒng)規(guī)劃和管理，拓展自己的關(guān)系鏈，提升社會資本，創(chuàng)造更多的機會和運氣。管理人脈不能僅僅靠記憶，通過“人脈管理系統(tǒng)”，可以使用戶在線更新維護自己的人脈關(guān)系。

前端開發(fā)

對于前端的開發(fā)來說，對于我這樣的新手也能很快掌握。因為在小學(xué)期的java web項目中，在jsp文件中已經(jīng)運用到了html和js這兩種語言。難點在于，前端的開發(fā)需要三種不同的語言分開來寫，并相互聯(lián)系在一起。html作為網(wǎng)頁的顯示，js用作函數(shù)的處理和參數(shù)傳遞，css用于將html中的控件進行排版和設(shè)定樣式。

這次前端開發(fā)耗費兩周左右的時間。

在這次項目的前端開發(fā)中，先進行了原型設(shè)計，之后再進行詳細設(shè)計。

以下是前端設(shè)計完成后的項目圖

現(xiàn)階段程序一期開發(fā)的功能為：登錄，注冊，聯(lián)系人列表管理和聯(lián)系人全息背景卡的管理。

在本次前端的開發(fā)中，遇到的最大的問題就是在訪問接口時，用戶登錄以后會在cookies中有一個sessionId，但每次訪問這個api接口的別的功能是發(fā)現(xiàn)都要重新將sessionId放在訪問的header中，一開始會出現(xiàn)一直顯示：用戶沒有登錄的bug，這個問題解決了很久。

前端開發(fā)還有一大難點就是排版的問題，為了用戶的最佳體驗，幾乎修改了排版很多次，將html里面的每一個組件都要按照一定的規(guī)定整齊的進行排版，在css中進行設(shè)置，這也是對于前端開發(fā)的程序員一個很大的挑戰(zhàn)。

其次前端開發(fā)的優(yōu)點就是能實時性體驗程序的功能，一個模塊一個模塊將程序慢慢地完善，但其中就需要將html和js文件很好地聯(lián)系在一起，在js中寫的函數(shù)要在html中體現(xiàn)，這也是一個難點

后臺開發(fā)

本次后臺開發(fā)我接著小學(xué)期所學(xué)的spring mvc緊接著查閱了各種資料和教程，學(xué)習(xí)了更簡易的spring boot接口開發(fā)。

這次后臺開發(fā)大概花了一周的時間，首先現(xiàn)將數(shù)據(jù)庫建立，先用excel的形式完整地將參數(shù)的命名和類型體現(xiàn)出來。

以下是部分的數(shù)據(jù)庫表格

之后并沒有傳統(tǒng)地在mysql中建立數(shù)據(jù)庫，而是非常巧妙的運用spring boot 在配置文件的時候連接spring boot和數(shù)據(jù)庫，通過生成一個類，直接在數(shù)據(jù)庫中生成對應(yīng)的數(shù)據(jù)：

以下是對應(yīng)數(shù)據(jù)庫的類，和相關(guān)注解，通過啟動springboot直接生成數(shù)據(jù)：

將所有增，刪，改，查的接口寫完之后，都是在本地的localhost進行測試的，為了能讓程序在互聯(lián)網(wǎng)上能夠運行，我在阿里云上買了服務(wù)器和域名，將接口部署到服務(wù)器上以后，通過訪問服務(wù)器的ip地址來運行這個接口。

在部署服務(wù)器的過程中遇到了大量的困難，一直訪問不了服務(wù)器上的接口，大概解決了3天之久，以下四點是我牢牢記在筆記上的：

1配置服務(wù)器的安全組規(guī)則，一定要把所有端口都寫了，tomcat用的是8080端口也要添加進去。

2先mvn-clean清除所有打包文件，再將本地接口用mvn-install打包，并上傳到服務(wù)器。

3 服務(wù)器需配置：jdk和tomcat環(huán)境，安裝jdk和tomcat后一定要配置環(huán)境變量

4 服務(wù)器安裝數(shù)據(jù)庫mysql&navicat（將接口直接連接到服務(wù)器的數(shù)據(jù)庫）

終于在各種百度的幫助下，解決了訪問服務(wù)器的問題，現(xiàn)在這個程序的前后端已經(jīng)基本完成，接下來就是添加更多的模塊和功能，再上傳發(fā)布和維護更新。希望在接下來的一個月里能夠很好地將程序完善