Web开发介绍
## web开发流程
1.浏览器先向前端服务器(如:Nginx)请求前端程序,然后前端程序会将前端代码返回给浏览器。
2.浏览器得到前端代码之后,此时浏览器会将前端代码进行解析,然后展示在浏览器窗口中。这是我们就看到了网页的基础页面,此时的页面是没有数据的,因为数据在我们的数据库中。
2.浏览器再根据前端代码中指定的后台服务器的地址(如:http://localhost:8080/finById)向后台服务器(内部有java程序)发起请求,后台服务器再去从数据库中获取数据。
3.浏览器将得到的后台数据填充到网页上,然后展示给用户去看,从而得到完整的网页。
网站的开发模式
网站的开发模式主要有两种:前后端分离和混合开发
1.前后端分离:目前企业开发的主流,这种开发模式特点如下:
-
前端人员开发前端程序,前端程序单独部署到前端服务器上
-
后端人员开发后端程序,后端程序单独部署到后端服务器上
2.混合开发:早期的开发技术,目前慢慢淡出市场。
这种模式的特点是:前端人员开发的代码和后端人员开发的代码在同一项目中,一起打包部署。
网站开发技术
web阶段所要学习的技术和对应的作用
前端web开发:
技术 | 描述 |
---|---|
HTML | 用于构建网站的基础结构的 |
css | 用于美化页面的,作用和化妆或者整容作用一样 |
JavaScript | 实现网页和用户的交互 |
Vue | 主要用于将数据填充到html页面上的 |
Element | 主要提供了一些非常美观的组件 |
Nginx | 一款web服务器软件,可以用于部署我们的前端工程 |
后端web开发:
技术 | 描述 |
---|---|
Maven | 一款java中用于管理项目的软件 |
Mysql | 最常用的一款数据库软件之一 |
SpringBoot | spring家族的产品,当前最为主流的项目开发技术。 |
Mybatis | 用于操作数据库的框架 |
所以只有我们学完上述的技术,我们才能开发出一个麻雀虽小,五脏俱全的网站。