简明易懂,将细节隐藏,面向新手树立web开发概念

——学完Java基础语法,超快速上手JavaWeb开发

Web本质(先忽视各种协议)

Web应用可以理解为浏览器和服务器之间的交互。

我们可以看一个简单的例子

1.我们在浏览器上方输入www.baidu.com并回车。

2.此时我们的浏览器便对百度的服务器发送数据(请求)。

3.百度的服务器收到并分析了我们的请求后,对我们的浏览器发送数据(响应,里面就有我们拿到的百度主页的这个页面的数据)

4.经过我们浏览器的处理,我们便看到了如下的页面:

![](https://img2020.cnblogs.com/blog/2466412/202108/2466412-20210803174453357-879349028.png

这就是B/S架构的一个web简单交互过程。

浏览器——请求——>服务器

浏览器<——响应——服务器

它们之间的交流通过某种数据结构(例如json)进行沟通。

Web开发,就是我们编写一个程序运行在服务器上,这个程序可以拿到来自浏览器的数据进行处理,并对浏览器发送数据。

简述一个登录逻辑(同上)

1.用户输入登录信息(账号密码),浏览器发送这个登录信息的数据到服务器。

2.服务器上的程序拿到了这个登录信息,同时这个程序根据登录信息在数据库中进行查找。

3.查找到数据库存储的相关的登录信息,进行比对判断,并将登录结果的正确与否以及处理返回到浏览器中。

除了浏览器,还可以是手机app或者其他什么,本质上都是通过网络,在你这一端和浏览器的数据交互。

简单的小系统开发理解

各类简单的小系统开发,可以理解为操作程序对数据库的增删改查(CRUD)。

老样子举个简单例子:注册

1.程序获得用户的注册信息,然后连接数据库,并将注册信息存储进数据库,这就是程序层面上的注册逻辑。

如果我们结合前面讲的web本质,就会获得这一整条完整的链路。

1.我们在浏览器注册页面上,输入注册信息。

2.注册信息被发送到服务器。

3.服务器上运行的程序拿到数据,存入数据库。

这里就涉及到了数据库的增 操作

结合数据库中的各类操作,与程序的一些逻辑处理,就可以完成实现开发一个Web系统。

最简单快速上手了解springboot+mybatis的web项目

一个进阶一点点的例子(普通的Web业务系统的数据流动)

Java+springboot+Mybatis一个简单的图书管理业务

首先看一下,一个springboot中重要的部分有以下这些层

我们尝试实现一个查询图书的业务

1.[前端]

前端(用户直接看到的那一层),拿到数据(要查询的图书的id),进行包装发送到后端(服务器的程序)

2.[后端.controller]

此时后端启动的springboot程序中的controller层的程序,对相应的路由(比如xxxx.com/login就是一条路由)进行监听(可以理解为这个程序一直关注,代码中的这些路由,有没有人对这些路由发送信数据),对应的路由收到了浏览器发送来的数据,就会执行对应的逻辑。

下图实例程序就是controller层程序,这个路由的作用是:浏览器对服务器xxxx.com/list/这个路由发送一个id值,然后这个程序就会调用springboot项目中service层里的方法findBookById(),并返回这个方法的结果到浏览器。

3.[后端.service]

我们的数据从controller层的针对查书的路由,传入到service层的findBookById()方法。



该方法执行的内容是,将controller中来的id值再传入到dao层的selectBookById方法,然后接收dao层返回的结果,进行处理,再返回到controller再到前端。

4.[后端.dao]

dao层就是和数据库接触关联的一层,这里先通俗介绍以下mybatis

mybatis就是一个持久层框架(为什么叫持久层,因为数据在程序中是无法永久保存的,程序结束内存释放,程序里的数据就丢失,如果我们将数据放入到数据库中,它就实现了持久化),它把对数据库的各种操作封装起来,通过一些关联的方式,让我们可以在springboot程序的dao层调用各种增删该查操作:

dao层就是映射了mybatis中的各种对数据库的操作,然后通过dao层的方法对数据库进行增删改查。回到我们的小例子,此时数据从前端——>controller——>service——>dao层,然后我们的dao层再执行了selectBookById()调用了数据库中的查询方法,向上返回查询结果。

图中映射的方法就在上一张介绍mybatis的图中有标注。

5.[后端.数据库]

走到这里我们就走到了最下面一层,数据库查询的结果便可以往上返回,一直到前端啦!

tips:这里的数据在前后段之间是通过json数据格式传输。但是再程序内,返回的结果是由entity中写好的Book类实例出来的对象来接受着的,

直到它从controller层到前端,才变为json格式的数据。

总结:

以上根据id查询书本的小例子中,我们的数据是这么走的:

要查的书籍的id从:前端——>controller——>service——>dao层——>数据库

我们要拿到的查询结果再从:数据库——>dao层——service层——>controller层——>前端

看到这里,你已经对web开发和相关框架即方法和设计思想有一个宏观的粗略的理解,甚至可以简单的上手去阅读并修改项目,接下来根据你的需求,去学习相应的知识能够成为你的一大助力。

你可以通过看教程或阅读别人的小型项目的源码结合文档阅读,开始你的学习。个人的小建议是多敲多读多思考感受,相信你很快就能熟练掌握,并再次进入到下一步的学习中。* 1.

简明易懂,将细节隐藏,面向新手树立web开发概念——学完Java基础语法,超快速上手springboot+mybatiJavaWeb开发的更多相关文章

  1. 面向新手的Web服务器搭建(一)——IIS的搭建

    很多童鞋说自己是做移动开发的,想挂个简单的Web API,可是服务器又不会搭,这样一来测试就成了问题.看看网上的教程,发现略难懂,而且大多是一个转一个,没价值,所以干脆写几篇文章讲讲简单的Web服务器 ...

  2. java基础语法中容易出错的细节

    1 java中的数字默认类型为int **容易出现类型转换错误 long 定义的数字后面必须有 “l” “L” float 定义的数字后面必须有 “f” “F” java中比int表述范围大的数,不会 ...

  3. 简明易懂的call apply

    在iteye看到一篇对call解释得相当简明易懂,觉得得宣传一下 : http://uule.iteye.com/blog/1158829 一.方法的定义 call方法: 语法:call([thisO ...

  4. 面向新手的Webserver搭建(一)——IIS的搭建

    非常多童鞋说自己是做移动开发的,想挂个简单的Web API,但是server又不会搭,这样一来測试就成了问题.看看网上的教程.发现略难懂,并且大多是一个转一个,没价值,所以干脆写几篇文章讲讲简单的We ...

  5. socket网络编程快速上手(二)——细节问题(5)(完结篇)

    6.Connect的使用方式 前面提到,connect发生EINTR错误时,是不能重新启动的.那怎么办呢,是关闭套接字还是直接退出进程呢?如果EINTR前,三次握手已经发起,我们当然希望链路就此已经建 ...

  6. 新手学习Linux之快速上手分析

    一.起步 首先,应该为自己创造一个学习linux的环境--在电脑上装一个linux或unix 问题1:版本的选择 北美用redhat,欧洲用SuSE,桌面mandrake较多,而debian是技术最先 ...

  7. 新手必看】Highcharts的100个基础问答

    新手必看]Highcharts的100个基础问答 2014-12-2 10:59| 发布者: Mr.Zhang| 查看: 2749| 评论: 3|来自: Highcharts中文论坛   摘要: 1. ...

  8. Vue基础语法-数据绑定、事件处理和扩展组件等知识详解(案例分析,简单易懂,附源码)

    前言: 本篇文章主要讲解了Vue实例对象的创建.常用内置指令的使用.自定义组件的创建.生命周期(钩子函数)等.以及个人的心得体会,汇集成本篇文章,作为自己对Vue基础知识入门级的总结与笔记. 其中介绍 ...

  9. 新手学习web遇到的一些乱码问题

    在新手学习web网站学习的时候经常会遇到?????这种乱码,对于刚起步的菜鸟来说真的很头痛,很容易打击继续学的信心当然了对于菜鸟的我最近也遇到过乱码问题,沉浸其中不能自拔,爱的深啊!!!!!我所遇到的 ...

随机推荐

  1. Python进程和线程实例详解

    前言 进程是什么? 进程就是一个程序在一个数据集上的一次动态执行过程.进程一般由程序.数据集.进程控制块三部分组成.我们编写的程序用来描述进程要完成哪些功能以及如何完成:数据集则是程序在执行过程中所需 ...

  2. 29、Tomcat只允许指定域名访问,禁用IP地址访问,防止恶意解析

    1.1.测试环境说明: Linux版本:7.6 IP地址:10.11.220.123/24 Tomcat版本:tomcat-8.5.37(端口号为8080) Jdk版本:1.8.0_202 1.2.配 ...

  3. css 小细节

    1.div 设置background-image 图片,显示不全问题:background-size:100% 100%;

  4. bcprov-jdk15-145.rar

    javapdf文件操作,加密包 bcprov-jdk15-145.rar https://files.cnblogs.com/files/blogs/692137/bcprov-jdk15-145.r ...

  5. 其他:IDEA插件无法安装——网络代理设置

    1.网络代理设置 IDEA配置代理,是在File-> Setting-> plugins中设置 查看自己主机的IP地址 文章转载至:https://www.jianshu.com/p/62 ...

  6. ClouderaManager安装时mysql信息问题

    在安装ClouderaManager5.7时,需要输入mysql信息,如下所示: 记录在此,以防忘记: database host name:localhost database type:MySQL ...

  7. 数据连接池JNDI

    数据库连接有很多中方式,JDBC数据库的连接方式,前边我们已经介绍过了,而开发中我们经常使用的是DataBaseConnectionPool(数据库连接池,DBCP).数据库连接池到底是什么?它比jd ...

  8. Linux环境Nginx安装、调试以及PHP安装(转)

      linux版本:64位CentOS 6.4 Nginx版本:nginx1.8.0 php版本:php5.5 1.编译安装Nginx 官网:http://wiki.nginx.org/Install ...

  9. elf文件结构解读以及plt节got节的理解

    前言: 熟悉elf文件结构是一件很不错的事,因为安卓中的so加固以及修复都是需要这些知识的,包括pwn里面的rop之类的,也都是 和got节,plt节息息相关的,个人建议是在搞懂elf文件结构后,自己 ...

  10. 使用xcode实现IM的那些坑

    想用xcode基于XMPP实现即时通讯,mac必须安装openfire(xmpp服务器),mysql(本地数据库,用于配置openfire),JDK(打开openfire必须本地具备java环境),x ...