网站开发"/>
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了,三大框架一统江湖。
更多推荐
Web 网站开发
发布评论