概述

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

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

前端開(kāi)發(fā)

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

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

在這次項(xiàng)目的前端開(kāi)發(fā)中，先進(jìn)行了原型設(shè)計(jì)，之后再進(jìn)行詳細(xì)設(shè)計(jì)。

以下是前端設(shè)計(jì)完成后的項(xiàng)目圖

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

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

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

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

后臺(tái)開(kāi)發(fā)

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

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

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

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

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

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

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

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

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

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

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

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