概述

      小學期中主要學習了spring mvc作為框架來開發後臺介面，能有效地通過本地ip（localhost）+對映的方法名字來訪問介面，但其主要著重點在於後臺的開發和部分前臺並行的開發。因為是java web專案，用的都是jsp的檔案，jsp中包含了html和js一塊來寫，並在其中搭建介面的spring mvc框架，並沒有做到完全前後端分離的開發模式。所以我利用這次暑假學習了前後臺分離的軟體開發模式，運用比spring mvc更簡潔的框架spring boot作為後端的開發。並運用html，js，css三種語言作為前端的開發。

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

前端開發

         對於前端的開發來說，對於我這樣的新手也能很快掌握。因為在小學期的java web專案中，在jsp檔案中已經運用到了html和js這兩種語言。難點在於，前端的開發需要三種不同的語言分開來寫，並相互聯絡在一起。html作為網頁的顯示，js用作函式的處理和引數傳遞，css用於將html中的控制元件進行排版和設定樣式。

這次前端開發耗費兩週左右的時間。

         在這次專案的前端開發中，先進行了原型設計，之後再進行詳細設計。

以下是前端設計完成後的專案圖

現階段程式一期開發的功能為：登入，註冊，聯絡人列表管理和聯絡人全息背景卡的管理。

在本次前端的開發中，遇到的最大的問題就是在訪問介面時，使用者登入以後會在cookies中有一個sessionId

前端開發還有一大難點就是排版的問題，為了使用者的最佳體驗，幾乎修改了排版很多次，將html裡面的每一個元件都要按照一定的規定整齊的進行排版，在css中進行設定，這也是對於前端開發的程式設計師一個很大的挑戰。

其次前端開發的優點就是能實時性體驗程式的功能，一個模組一個模組將程式慢慢地完善，但其中就需要將html和js檔案很好地聯絡在一起，在js中寫的函式要在html中體現，這也是一個難點

後臺開發

本次後臺開發我接著小學期所學的spring mvc緊接著查閱了各種資料和教程，學習了更簡易的spring boot介面開發。

這次後臺開發大概花了一週的時間，首先現將資料庫建立，先用excel的形式完整地將引數的命名和型別體現出來。

以下是部分的資料庫表格

        之後並沒有傳統地在mysql中建立資料庫，而是非常巧妙的運用spring boot 在配置檔案的時候連線spring boot和資料庫，通過生成一個類，直接在資料庫中生成對應的資料：

以下是對應資料庫的類，和相關注解，通過啟動springboot直接生成資料：

將所有增，刪，改，查的介面寫完之後，都是在本地的localhost進行測試的，為了能讓程式在網際網路上能夠執行，我在阿里雲上買了伺服器和域名，將介面部署到伺服器上以後，通過訪問伺服器的ip地址來執行這個介面。

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

1配置伺服器的安全組規則，一定要把所有埠都寫了，tomcat用的是8080埠也要新增進去。

2先mvn-clean清除所有打包檔案，再將本地介面用mvn-install打包，並上傳到伺服器。

3 伺服器需配置：jdk和tomcat環境，安裝jdk和tomcat後一定要配置環境變數

4 伺服器安裝資料庫mysql&navicat（將介面直接連線到伺服器的資料庫）

終於在各種百度的幫助下，解決了訪問伺服器的問題，現在這個程式的前後端已經基本完成，接下來就是新增更多的模組和功能，再上傳發布和維護更新。希望在接下來的一個月裡能夠很好地將程式完善