web项目前后端开发过程和体会

概述

      小学期中主要学习了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，但每次访问这个api接口的别的功能是发现都要重新将sessionId放在访问的header中，一开始会出现一直显示：用户没有登录的bug，这个问题解决了很久。

前端开发还有一大难点就是排版的问题，为了用户的最佳体验，几乎修改了排版很多次，将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（将接口直接连接到服务器的数据库）

终于在各种百度的帮助下，解决了访问服务器的问题，现在这个程序的前后端已经基本完成，接下来就是添加更多的模块和功能，再上传发布和维护更新。希望在接下来的一个月里能够很好地将程序完善