
程序猿之JavaWeb网页设计
文章平均质量分 90
主要是整理Javaweb框架的知识网络架构。
夏驰和徐策
一个喜欢打游戏的计算机专业学生;这是我的GitHub:https://github.com/XiaChiandXuce
展开
-
Day15-3. 私服
是一种特殊的远程仓库,它是架设在局域网内的仓库服务,用来代理位于外部的中央仓库,用于解决团队内部的资源共享与资源同步问题。本地仓库私服仓库中央仓库私服在企业项目开发中,一个项目/公司,只需要一台即可(无需我们自己搭建,会使用即可)。原创 2024-10-29 15:18:37 · 1020 阅读 · 0 评论 -
Day15-2. 继承与聚合
在案例项目分模块开发之后啊,我们会看到tlias-pojo、tlias-utils、tlias-web-management中都引入了一个依赖 lombok 的依赖。我们在三个模块中分别配置了一次。如果是做一个大型的项目,这三个模块当中重复的依赖可能会很多很多。如果每一个 Maven 模块里面,我们都来单独的配置一次,功能虽然能实现,但是配置是比较繁琐的。而接下来我们要讲解的 Maven 的继承用来解决这问题的。我们可以再创建一个父工程 tlias-parent ,然后让上述的三个模块 tlias-pojo原创 2024-10-29 15:09:58 · 710 阅读 · 0 评论 -
Day15-Maven高级
所谓分模块设计,顾名思义指的就是我们在设计一个 Java 项目的时候,将一个 Java 项目拆分成多个模块进行开发。1). 未分模块设计的问题如果项目不分模块,也就意味着所有的业务代码是不是都写在这一个 Java 项目当中。随着这个项目的业务扩张,项目当中的业务功能可能会越来越多。假如我们开发的是一个大型的电商项目,里面可能就包括了商品模块的功能、搜索模块的功能、购物车模块、订单模块、用户中心等等。这些所有的业务代码我们都在一个 Java 项目当中编写。原创 2024-10-29 15:00:18 · 863 阅读 · 0 评论 -
Day09-3. Mybatis动态SQL
在页面原型中,列表上方的条件是动态的,是可以不传递的,也可以只传递其中的1个或者2个或者全部。而在我们刚才编写的SQL语句中,我们会看到,我们将三个条件直接写死了。如果页面只传递了参数姓名name 字段,其他两个字段 性别 和 入职时间没有传递,那么这两个参数的值就是null。此时,执行的SQL语句为:这个查询结果是不正确的。正确的做法应该是:传递了参数,再组装这个查询条件;如果没有传递参数,就不应该组装这个查询条件。。原创 2024-10-29 12:39:53 · 971 阅读 · 0 评论 -
Day09-2. Mybatis的XML配置文件
Mybatis的开发有两种方式:注解XML。原创 2024-10-29 12:27:57 · 509 阅读 · 0 评论 -
Day09-1. Mybatis基础操作
预编译SQL有两个优势:性能更高更安全(防止SQL注入)性能更高:预编译SQL,编译一次之后会将编译后的SQL语句缓存起来,后面再次执行这条语句时,不会再次编译。(只是输入的参数不同)更安全(防止SQL注入):将敏感字进行转义,保障SQL的安全性。原创 2024-10-29 11:21:37 · 924 阅读 · 0 评论 -
Day08-Mybatis入门
在前面我们学习MySQL数据库时,都是利用图形化客户端工具(如:idea、datagrip),来操作数据库的。在客户端工具中,编写增删改查的SQL语句,发给MySQL数据库管理系统,由数据库管理系统执行SQL语句并返回执行结果。增删改操作:返回受影响行数查询操作:返回结果集(查询的结果)我们做为后端程序开发人员,通常会使用Java程序来完成对数据库的操作。Java程序操作数据库,现在主流的方式是:Mybatis。什么是MyBatis?MyBatis是一款优秀的,用于简化JDBC的开发。原创 2024-10-29 10:25:35 · 739 阅读 · 0 评论 -
Day08-3. 索引
索引(index):是帮助数据库高效获取数据的数据结构。简单来讲,就是使用索引可以提高查询的效率。测试没有使用索引的查询:优点:提高数据查询的效率,降低数据库的IO成本。通过索引列对数据进行排序,降低数据排序的成本,降低CPU消耗。缺点:索引会占用存储空间。索引大大提高了查询效率,同时却也降低了insert、update、delete的效率。原创 2024-10-29 10:12:37 · 1023 阅读 · 0 评论 -
Day08-2. 事务
在实际的业务开发中,有些业务操作要多次访问数据库。一个业务要发送多条SQL语句给数据库执行。需要将多次访问数据库的操作视为一个整体来执行,要么所有的SQL语句全部执行成功。如果其中有一条SQL语句失败,就进行事务的回滚,所有的SQL语句全部执行失败。简而言之:事务是一组操作的集合,它是一个不可分割的工作单位。事务会把所有的操作作为一个整体一起向系统提交或撤销操作请求,即这些操作要么同时成功,要么同时失败。事务作用:保证在一个事务中多次操作数据库表中数据时,要么全都成功,要么全都失败。原创 2024-10-29 09:33:25 · 878 阅读 · 0 评论 -
Day08-数据库开发-MySQL
多表查询:查询时从多张表中获取所需数据单表查询的SQL语句:select 字段列表 from 表名;那么要执行多表查询,只需要使用逗号分隔多张表即可,如: select 字段列表 from 表1, 表2;此时,我们看到查询结果中包含了大量的结果集,总共85条记录,而这其实就是员工表所有的记录(17行)与部门表所有记录(5行)的所有组合情况,这种现象称之为笛卡尔积。笛卡尔积:笛卡尔乘积是指在数学中,两个集合(A集合和B集合)的所有组合情况。原创 2024-10-29 09:27:35 · 845 阅读 · 0 评论 -
Day07-2. 多表设计
如果在业务系统当中,对用户的基本信息查询频率特别的高,但是对于用户的身份信息查询频率很低,此时出于提高查询效率的考虑,我就可以将这张大表拆分成两张小表,第一张表存放的是用户的基本信息,而第二张表存放的就是用户的身份信息。一对一关系表在实际开发中应用起来比较简单,通常是用来做单表的拆分,也就是将一张大表拆分成两张小表,将大表中的一些基础字段放在一张表当中,将其他的字段放在另外一张表当中,以此来提高数据的操作效率。菜品的信息:菜品名称、菜品图片、菜品分类、菜品售价、菜品售卖状态、菜品的操作时间(修改时间)。原创 2024-10-29 09:16:46 · 910 阅读 · 0 评论 -
Day07-数据库开发-MySQL
DQL英文全称是Data Query Language(数据查询语言),用来查询数据库表中的记录。查询关键字:SELECT查询操作是所有SQL语句当中最为常见,也是最为重要的操作。在一个正常的业务系统中,查询操作的使用频次是要远高于增删改操作的。当我们打开某个网站或APP所看到的展示信息,都是通过从数据库中查询得到的,而在这个查询过程中,还会涉及到条件、排序、分页等操作。原创 2024-10-28 22:46:14 · 1006 阅读 · 0 评论 -
Day6-2. 数据库设计-DDL
前面我们讲解了DDL中关于数据库操作的SQL语句,在我们编写这些SQL时,都是在命令行当中完成的。大家在练习的时候应该也感受到了,在命令行当中来敲这些SQL语句很不方便,主要的原因有以下 3 点:没有任何代码提示。(全靠记忆,容易敲错字母造成执行报错)操作繁琐,影响开发效率。(所有的功能操作都是通过SQL语句来完成的)编写过的SQL代码无法保存。在项目开发当中,通常为了提高开发效率,都会借助于现成的图形化管理工具来操作数据库。原创 2024-10-28 21:36:12 · 1031 阅读 · 0 评论 -
Day06-数据库开发-MySQL
SQL:结构化查询语言。一门操作关系型数据库的编程语言,定义操作所有关系型数据库的统一标准。在学习具体的SQL语句之前,先来了解一下SQL语言的语法。原创 2024-10-28 21:11:19 · 644 阅读 · 0 评论 -
Day01-1. 前端开发介绍
但是呢,需要大家注意的是,不同的浏览器,内核不同,对于相同的前端代码解析的效果也会存在差异。那这就会造成一个问题,同一段前端程序,不同浏览器展示出来的效果是不一样的,这个用户体验就很差了。而我们想达到的效果则是,即使用户使用的是不同的浏览器,解析同一段前端代码,最终展示出来的效果都是相同的。而市面上的浏览器非常多,比如:IE、火狐Firefox、苹果safari、欧朋、谷歌Chrome、QQ浏览器、360浏览器等等。当然了,随着技术的发展,我们为了更加快速的开发,现在也出现了很多前端开发的高级技术。原创 2024-10-28 20:04:07 · 278 阅读 · 0 评论 -
Web开发介绍
全球广域网,也称为(wwworldideeb),能够通过浏览器访问的。所以说白了,就是等等那么我们知道了web开发是开发网站的,那么我们需要学习哪些知识呢?以及这些知识在我们整个网站开发中占据什么位置呢?对于这些问题,我们就必须知道网站整体的工作流程。原创 2024-10-28 20:00:57 · 681 阅读 · 0 评论 -
Day02-2 Vue
通过我们学习的html+css+js已经能够开发美观的页面了,但是开发的效率还有待提高,那么如何提高呢?我们先来分析下页面的组成。一个完整的html页面包括了视图和数据,数据是通过请求 从后台获取的,那么意味着我们需要将后台获取到的数据呈现到页面上,很明显, 这就需要我们使用DOM操作。正因为这种开发流程,所以我们引入了一种叫做,即让我们开发者更加关注数据,而非数据绑定到视图这种机械化的操作。那么具体什么是MVVM思想呢?原创 2024-10-28 19:55:18 · 572 阅读 · 0 评论 -
Day02-1 JavaScript
通过代码/js效果演示提供资料进行效果演示,通过浏览器打开,我们点击主题5按钮,页面的主题发生了变化,所以js可以让我们的页面更加的智能,让页面和用户进行交互。第一种定义格式如下:function 函数名(参数1,参数2..){要执行的代码因为JavaScript是弱数据类型的语言,所以有如下几点需要注意:形式参数不需要声明类型,并且JavaScript中不管什么类型都是let或者var去声明,加上也没有意义。原创 2024-10-28 18:25:21 · 896 阅读 · 0 评论 -
Day03-6 打包部署
nginx: Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少,并发能力强,在各大型互联网公司都有非常广泛的使用。niginx在windows中的安装是比较方便的,直接解压即可。所以我们直接将资料中的nginx-1.22.0.zip压缩文件拷贝到无中文的目录下很明显,我们如果要发布,直接将资源放入到html目录中。原创 2024-10-28 08:57:26 · 328 阅读 · 0 评论 -
Day03-5 Vue路由
将资代码/vue-project(路由)/vue-project/src/views/tlias/DeptView.vue拷贝到我们当前EmpView.vue同级,其结构如下:此时我们希望基于4.4案例中的功能,实现点击侧边栏的部门管理,显示部门管理的信息,点击员工管理,显示员工管理的信息,效果如下图所示:这就需要借助我们的vue的路由功能了。原创 2024-10-28 08:53:55 · 539 阅读 · 0 评论 -
Day03-4 Vue组件库Element
不知道同学们还否记得我们之前讲解的前端开发模式MVVM,我们之前学习的vue是侧重于VM开发的,主要用于数据绑定到视图的,那么接下来我们学习的ElementUI就是一款侧重于V开发的前端框架,主要用于开发美观的页面的。Element:是饿了么公司前端开发团队提供的一套基于 Vue 的网站组件库,用于快速构建网页。Element 提供了很多组件(组成网页的部件)供我们使用。例如 超链接、按钮、图片、表格等等。原创 2024-10-27 19:45:34 · 1066 阅读 · 0 评论 -
DAY03-3 前端工程化
环境准备好了,接下来我们需要通过Vue-cli创建一个vue项目,然后再学习一下vue项目的目录结构。Vue-cli提供了如下2种方式创建vue项目:命令行:直接通过命令行方式创建vue项目图形化界面:通过命令先进入到图形化界面,然后再进行vue工程的创建vue ui我们通过VS Code打开之前创建的vue文件夹,打开之后,呈现如下图所示页面:vue项目的标准目录结构以及目录对应的解释如下图所示:其中我们平时开发代码就是在src目录下。原创 2024-10-27 19:44:46 · 1010 阅读 · 0 评论 -
DAY03-2 前后台分离开发
前后台分离开发中,我们前后台开发人员都需要遵循接口文档,所以接下来我们介绍一款撰写接口文档的平台。YApi 是高效、易用、功能强大的 api 管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。YApi主要提供了2个功能:API接口管理:根据需求撰写接口,包括接口的地址,参数,响应等等信息。Mock服务:模拟真实接口,生成接口的模拟测试数据,用于前端的测试。原创 2024-10-27 15:02:48 · 523 阅读 · 0 评论 -
DAY04-1 Ajax
我们前端页面中的数据,如下图所示的表格中的学生信息,应该来自于后台,那么我们的后台和前端是互不影响的2个程序,那么我们前端应该如何从后台获取数据呢?因为是2个程序,所以必须涉及到2个程序的交互,所以这就需要用到我们接下来学习的Ajax技术。Ajax: 全称Asynchronous JavaScript And XML,异步的JavaScript和XML。其作用有如下2点:与服务器进行数据交换:通过Ajax可以给服务器发送请求,并获取服务器响应的数据。异步交互:可以在的情况下,与服务器交换数据并。原创 2024-10-27 14:48:52 · 700 阅读 · 0 评论 -
DAY04-04. 依赖管理
Maven的生命周期就是为了对所有的构建过程进行抽象和统一。描述了一次项目构建,经历哪些阶段。在Maven出现之前,项目构建的生命周期就已经存在,软件开发人员每天都在对项目进行清理,编译,测试及部署。虽然大家都在不停地做构建工作,但公司和公司间、项目和项目间,往往使用不同的方式做类似的工作。Maven从大量项目和构建工具中学习和反思,然后总结了一套高度完美的,易扩展的项目构建生命周期。这个生命周期包含了项目的清理,初始化,编译,测试,打包,集成测试,验证,部署和站点生成等几乎所有构建步骤。原创 2024-10-27 14:28:36 · 554 阅读 · 0 评论 -
DAY04-03. IDEA集成Maven
maven-project01 |--- src (源代码目录和测试代码目录) |--- main (源代码目录) |--- java (源代码java文件目录) |--- resources (源代码配置文件目录) |--- test (测试代码目录) |--- java (测试代码java目录) |--- resources (测试代码配置文件目录) |--- target (编译、打包生成文件存放目录)打开IDEA,选择右侧Maven面板,点击 + 号,选中对应项目的pom.xml文件,双击即可。原创 2024-10-27 11:58:25 · 572 阅读 · 0 评论 -
DAY04-02. Maven概述
Apache Maven是一个项目管理和构建工具,它基于项目对象模型(Project Object Model , 简称: POM)的概念,通过一小段描述信息来管理项目的构建、报告和文档。Maven的作用:方便的依赖管理统一的项目结构标准的项目构建流程。原创 2024-10-27 10:14:20 · 635 阅读 · 0 评论 -
Day04-01. Maven课程介绍
学习完前端Web开发技术后,我们即将开始学习后端Web开发技术。做为一名Java开发工程师,后端Web开发技术是我们学习的重点。后端Web开发技术的学习,我们会先学习Java项目的构建工具:MavenMaven是Apache旗下的一个开源项目,是一款用于管理和构建java项目的工具。Apache 软件基金会,成立于1999年7月,是目前世界上最大的最受欢迎的开源软件基金会,也是一个专门为支持开源项目而生的非盈利性组织。原创 2024-10-27 10:00:09 · 382 阅读 · 0 评论 -
Day04-3. WEB服务器-Tomcat
服务器硬件指的也是计算机,只不过服务器要比我们日常使用的计算机大很多。服务器,也称伺服器。是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。服务器的构成包括处理器、硬盘、内存、系统总线等,和通用的计算机架构类似,但是由于需要提供高可靠的服务,因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。在网络环境下,根据服务器提供的服务类型不同,可分为:文件服务器,数据库服务器,应用程序服务器,WEB服务器等。原创 2024-10-26 21:45:46 · 1035 阅读 · 0 评论 -
12.4 Ajax的基础操作
在语法格式1中,将所有请求的参数以key-value的形式包装在options参数中。实现Ajax异步操作,并通过一个简单的用户名和密码的验证来示范Ajax在开发中的使用。在jQuery中,向服务器请求数据的方法有很多。上面代码中,第22行设置了输出较方便的方式,返回登录的结果。的Servlet类,用于判断用户输入的账号和密码是否正确。方法的使用,下面通过一个案例分步演示Ajax的基本操作。方法是jQuery中底层的Ajax方法,前面讲解的。属性用于设置返回的数据格式,常用的有。原创 2024-10-26 21:32:32 · 1306 阅读 · 0 评论 -
12.3 JSON数据格式
JSON是一种存储key-value(键值对)数据的格式,类似于JavaScript的对象格式。它的优势在于数据能被处理成对象,方便获取信息字段。"name": "Java基础","author": "黑马程序员","name": "Java基础","author": "黑马程序员",},"name": "Java进阶",在JSON数据格式中,数据都被存储在一对[]中,每一组数据用一对{}包起来,多个数据之间用“,”分割。需要注意的是,如果value是字符串类型,必须用双引号将其括起来;原创 2024-10-26 21:24:58 · 982 阅读 · 0 评论 -
12.2 jQuery框架
因此,在Web项目开发过程中,人们提供了许多框架,对Ajax进行了一系列封装和简化,使得操作更加方便快捷。由于使用XMLHttpRequest对象来发送Ajax请求较为繁琐,因此jQuery将这些操作进行了封装和简化,提供了一系列方法来向服务器请求数据,其中最基本的方法之一就是。在项目中引入jQuery时,只需把下载好的jQuery文件保存到项目的web目录中,然后在HTML或JSP文件中使用。在开发过程中,使用jQuery可以轻松对页面元素进行选择和操作,常见的操作包括元素的选择、属性设置、事件绑定等。原创 2024-10-26 21:10:51 · 836 阅读 · 0 评论 -
12.1 AJAX概述
在本章中,将介绍Ajax技术,并讲解如何使用它实现页面的局部更新。本章内容的主要目标如下:★ 了解Ajax的概念 ★ 了解jQuery的基础知识与常用操作 ★ 掌握jQuery中load()方法的用法 ★ 掌握jQuery中的GET请求和POST请求 ★ 熟悉JSON数据格式 ★ 掌握Ajax的基础操作在Web开发中,Ajax(Asynchronous JavaScript and XML,异步的JavaScript和XML)技术可以实现页面的局部更新,数据异步交互的方式给用户带来了更好的使用体验。原创 2024-10-26 17:16:47 · 693 阅读 · 0 评论 -
11.2 DBUtils 工具
为了简化JDBC的使用,Apache组织提供了一个名为DBUtils的工具。这个工具对数据库操作进行了简单的封装,有助于减少样板代码,同时不影响数据库访问性能。DBUtils主要有三个主要用途:简化数据库的读、写和更新操作。简化数据写入:通过编写SQL语句,DBUtils可以让用户轻松地对数据进行增、删、改操作。高效的数据库访问:DBUtils通过封装JDBC逻辑减少了代码冗余,从而加快了数据库交互,同时保持代码清晰并减少错误。连接和资源管理。原创 2024-10-26 16:59:58 · 666 阅读 · 0 评论 -
11.1 数据库连接池
在 JDBC 编程中,每次创建和断开Connection对象都会消耗一定的时间和资源。在 Java 程序与数据库之间建立连接时,数据库端需要验证用户名和密码,并为这个连接分配资源,Java 程序则需要把代表连接的Connection对象加载到内存中。因此,建立数据库连接的开销是很大的,尤其是在有大量并发访问时。例如,某网站一天的访问量为 10 万,那么该网站的服务器需要创建和断开连接 10 万次,这会影响数据库访问效率,甚至可能导致数据库崩溃。为了解决频繁创建数据库连接的问题,数据库连接池技术应运而生。原创 2024-10-26 16:42:45 · 856 阅读 · 0 评论 -
10.6 动手实践:使用JDBC完成数据的增删改查
在实际的项目开发中,用户信息通常存储在数据库中,管理员需要对这些用户数据进行各种操作。总之,掌握 JDBC 的基本操作后,结合面向对象的思想,可以使得数据库操作更加简洁和高效。希望通过这篇博客,您能对 JDBC 的增删改查操作有更深入的理解,并能在实际项目中灵活运用。因此,封装一个工具类来管理这些资源是一个很好的实践。在开发过程中,JDBC 是一个非常实用的工具,它提供了与数据库交互的基本接口。:将数据库连接和资源管理代码封装在工具类中,可以减少代码的重复,提高代码的可维护性。,则说明用户信息添加成功。原创 2024-10-26 16:19:33 · 668 阅读 · 0 评论 -
10.5 ResultSet对象
ResultSet主要用于存储查询的结果集,可以通过next()方法由前向后逐个获取结果集中的数据。如果想获取结果集中任意位置的数据,则需要在创建Statement对象时设置两个ResultSet在上述方式中,常量表示结果集可滚动,常量表示以只读形式打开结果集。为了使读者更好地学习ResultSet对象的使用,下面通过一个案例演示如何使用ResultSet对象滚动读取结果集中指定的数据。在 chapter10 项目的包中创建一个名称为Example03的类,在该类中使用ResultSet。原创 2024-10-26 15:56:14 · 404 阅读 · 0 评论 -
10.4 PreparedStatement对象
对象中的数据,而不需要对 SQL 语句再次编译去查询数据库,这样就大大提高了数据的访问效率。在文件 10-2 中,第 12-15 行代码创建了数据库的连接参数,第 17 行代码创建应用程序与数据库连接的。对象每次执行 SQL 语句时,都会对其进行编译。当相同的 SQL 语句执行多次时,对象就会使数据库频繁编译相同的 SQL 语句,从而降低数据库的访问效率。对象可以对 SQL 语句进行预编译,预编译的信息会存储在。当相同的 SQL 语句再次执行时,程序会使用。在 10.3 节中,SQL 语句的执行是通过。原创 2024-10-25 20:51:42 · 346 阅读 · 0 评论 -
10.3 实现JDBC程序
通过前两个小节的学习,读者对 JDBC 及其常用 API 已经有了大致的了解,下面将讲解如何使用 JDBC 的常用 API 实现一个 JDBC 程序。本章使用的 MySQL 数据库的版本为 MySQL Community Server 8.0.23。以上是 JDBC 程序的大致实现步骤,下面通过一个例子演示如何使用 JDBC 读取数据库中的数据。:数据库连接的地址,以 MySQL 数据库为例,格式为。的项目,并将下载好的 MySQL 数据库驱动包。的数据库,然后在该数据库中创建一个。原创 2024-10-25 20:36:43 · 1048 阅读 · 0 评论 -
10.1 什么是JDBC&10.2 JDBC常用的API
JDBC 是一套用于执行 SQL 语句的 Java API。应用程序可通过这套 API 连接到关系型数据库,并使用 SQL 语句完成对数据库中数据的查询、更新、新增和删除操作。不同种类的数据库(例如 MySQL、Oracle 等)内部处理数据的方式是不同的,如果直接使用数据库厂商提供的访问接口操作数据库,应用程序的可移植性就会变得很差。例如,用户当前在程序中使用的是 MySQL 提供的接口操作数据库,如果换成 Oracle 数据库,则需要重新使用 Oracle 数据库提供的接口,这样代码的改动量会非常大。原创 2024-10-25 20:03:21 · 861 阅读 · 0 评论