网站开发"/>

Web 网站开发

之前只是用Java进行本地开发，没有进行Java web开发，有时间可以系统的学习一下web开发，中间涉及的名词太多了，一一列举一下，用于整理记录

开发模式

        混合开发模式-mvc开发模式-前后端分离模式，各有利弊。

混合开发：简单成本低，适合小型系统开发，

 mvc开发模式：解耦前后端，后端三层架构，效率更高，前端数据的传参，收参问题，仍然是后端负责；

前后端分离：完全的前后端分离，前端有自己服务器，解决一系列的路由、传参、收参问题。 

前端的发展

 html（静态页面）+CSS+JavaScript->jsp（动态页面）+CSS+jquery（JavaScript库）->vue+CSS

        前端比较好用的模板：bootstrap后台模板，网站模板之家

        组件库：layui, bootStrap, semantic-ui,element-ui

关注各个组件库的栅格系统、导航栏、侧边栏、表单等

后端的发展

        传统->Spring->SpringMVC->SpringBoot->SpringCloud

通信方式

        Ajax->axios

数据库

数据库使用：mysql 

数据库框架：mybatis, mybatis-spring

网站开发步骤

1、前端

2、设计数据库

3、前端独立化

4、数据接口如何对接

5、前后端联调测试

配置文件

mybatis-config.xml 配置文件 （如何编写配置文件实现dao层接口方法，固定部分）

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE mapper

  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"

  ".dtd">

<mapper namespace="org.mybatis.example.BlogMapper">

  <select id="selectBlog" resultType="Blog">

    select * from Blog where id = #{id}

  </select>

</mapper>

主核心配置文件： 

spring:datasource:username: rootpassword: 123456url: jdbc:mysql://localhost:3306/meeting?characterEncoding=utf8#username: meeting#password: Aabb..cc#url: jdbc:mysql://10.94.99.3:13306/meeting?characterEncoding=utf8driver-class-name: com.mysql.jdbc.Drivertype: com.alibaba.druid.pool.DruidDataSource#   数据源其他配置initialSize: 5minIdle: 5maxActive: 20maxWait: 60000timeBetweenEvictionRunsMillis: 60000minEvictableIdleTimeMillis: 300000validationQuery: SELECT 1 FROM DUALtestWhileIdle: truetestOnBorrow: falsetestOnReturn: falsepoolPreparedStatements: true

  #   配置监控统计拦截的filters，去掉后监控界面sql无法统计，'wall'用于防火墙；stat: 监  控统计;log4j：日志记录filters: stat,wall,log4jmaxPoolPreparedStatementPerConnectionSize: 20useGlobalDataSourceStat: trueconnectionProperties: druid.stat.mergeSql=true;druid.stat.slowSqlMillis=500
#注入配置路径，映射路径
mybatis:config-location: classpath:mybatis-config.xmlmapper-locations: classpath:mapper/*.xml
Server:port: 9999

附：web开发的发展 摘录       

随着社会的发展，技术也在不断更新，由后端主导的web开发，不在受限后端主导，前端必须建立自己的web服务器，比如：nodejs，前端服务器，解决传参 收参，路由一系列问题，后端只需要将接口写好，前端通过接口调数据，这样，实现前端和后端的分离，在这些技术变化的后面，也是一次又一次尝试，技术的变更。在这里，简单说一下技术变革的一个过程。    

首先，混合开发，由后端主导，前端写的代码，会交给后端，后端将自己写的代码与前端代码混合在一起，这样的话，前端代码和后端代码融合在一个文件中，前端代码会被破坏，分工也不明确，代码多，很难排错，花费时间长，效率不高；

         在这样的情况下，出现一种mvc开发模式，前后端分离，前端代码不会被破坏，而是在视图环节参与进去，后端把接口写好，我们可以直接调数据，进行业务逻辑，是通过模板引擎渲染界面，不是以前的静态页面，是有真实的数据，显示什么页面，也是路由决定，这样的话，分工明确，实现前后端分离，在这个阶段，我们还是用的后端服务器，路由，传参，收参还需要借助后端服务器完成。

         于是，第三种开发模式就流行起来，也是当代市场上最新的思维方法，完全的前后端分离。前端通过建立自己的web服务器，解决一系列的路由 传参 收参问题，实现前后端完全分离，不在受限后端主导。

         网页的最初形式就是一个个静态页面，例如我们写了一个 html 文件，放在服务器上就可以供用户访问了。而后网站变得需要展示更多的内容，让内容更加动态，因此需要接入数据库，配合数据库的内容做展示，于是诞生了 html 模板引擎，用于把动态的数据插入到 html 中，叫做动态页面，后面我会叫它为传统的动态页面，例如 java 的 Jsp，php 的 Smarty 和 node 的 Jade 等。再后来伴随浏览器的发展，网页交互变得越来越复杂等一系列原因，前端技术突飞猛进，诞生了前后端分离的单页面应用，简称 spa（single page application），最流行的莫过于 react、angular 和 vue了，三大框架一统江湖。