java web 的前后端简单交互(后端:Spring+SpringMVC+Myabatis = SSM,. 前端: CSS + HTML ) (上)

前言:

       首先说明,我还是一个小菜鸡,最近学习到了java web 以及 java 后端如何和前端(目前只是 css+html)交互,这是是我完成的第一个project(以下代称为项目),现在把如何做的,还有一些简单的注意事项,写在博客中,也算给我做一次记忆的加深,如果哪里有问题,还请大家指出,谢谢各位.

菜鸡的javaweb下部

 

      开始本项目之前,需要准备几个基本工具:

            * JAVA-一种编程语言, JDK(我这里使用的是1.9版本)---必须

            

            *Mysql 数据库(使用的5.7.20版本)---必须

            

             *Navicat for Mysql(数据库可视化工具)---非必须

            

            *Idea (java开发工具)----必须

            

            * jetty 或者 tomcat 打开webapp 项目必须

            *一个云服务器,我这里用的是阿里云的 ubuntu16.04,以及方便操作云服务器的Xshell5和Xftp 5

                               *云服务器要安装 1 . jdk 1.8 

                                                         2 . maven

                                                         3 . mysql(并且能从本地Navicat连接到云服务器上的mysql.

                                                         4 . jetty or tomcat (web容器),用于带卡webapp

               

            *PostMan--web接口测试工具

                

    暂时就想起来这么多,剩下的下文用到,再说.

 

 

正文:

        配置各种工具的过程省略,直接开始写代码..

 

第一步  :      

1.打开idea,新建一个project

在弹出来的界面中依次点击,然后next

然后取名,下一步

继续下一步

继续下一步

照着做下来,项目目录应该是这样的

 

新建如图所示的项目 目录

 

然后我们的项目目录至此就完成了.

 

 

第二步  : 

        使用Navicat for mysql创建数据表

demo1的数据表结构  id 设置为自增长