![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javaWeb
文章平均质量分 63
一个java开发
这个作者很懒,什么都没留下…
展开
-
Javaweb15==mysql+mybatis+servlet+axios+fasetjson+vue+elementUI前后端分离,实现列表后端分页、模糊查询后分页、新增、单一/批量删除、修改
难点:模糊查询后再次分页,并可以选择页数。最终环境配置:maven3.8:依赖包管理IDEA2021+JDK8+mysql connector java5+Mysql5+mybatis3.5:从数据库取出数据。tomcat7插件:web服务器servlet、fastjson、axios:处理前后端数据交互fastjson:阿里提供的依赖包。新增时后端收到前端发过来的JSON字符串后,简化将JSON字符串解析成对象。展示商品列表时后端通过mybatis从数据库中查出数据封装成实体类对象原创 2021-11-03 20:58:52 · 1342 阅读 · 0 评论 -
Javaweb14==mysql+mybatis+servlet+axios+fasetjson+html+vue.js+elementUI实现商品列表的前端分页、模糊查询、新增、删除、批量删除、修改
最终环境配置:maven3.8:依赖包管理IDEA2021+JDK8+mysql connector java5+Mysql5+mybatis3.5:从数据库取出数据。tomcat7插件:web服务器servlet、fastjson、axios:处理前后端数据交互fastjson:阿里提供的依赖包。新增时后端收到前端发过来的JSON字符串后,简化将JSON字符串解析成对象。展示商品列表时后端通过mybatis从数据库中查出数据封装成实体类对象的list之后,简化将对象list序列化成JS原创 2021-11-02 10:41:50 · 862 阅读 · 1 评论 -
Javaweb13==vue.js MVVM和MVC
MVVM===============================================MVCmodel:POJO,从数据库中后中获取数据并封装成pojo中的对象或者对象的列表,这就是modelview:html+css+js+ajax或者JSPcontroller:servlet filter listener原创 2021-11-01 10:31:34 · 113 阅读 · 0 评论 -
Javaweb10==实现ajax方法二:axios发起异步请求。通过JSON往后端传递新增的商品信息,往前端传递商品列表信息,fastjson简化操作。前后端分离实现查看商品列表功能、新增功能。
最终环境配置:IDEA2021+JDK8+mysql connector java5+Mysql5+mybatis3.5:从数据库取出数据。fastjson:阿里提供的依赖包。新增时后端收到前端发过来的JSON字符串后,简化将JSON字符串解析成对象。展示商品列表时后端通过mybatis从数据库中查出数据封装成实体类对象的list之后,简化将对象list序列化成JSON字符串。axios框架:封装了原生JavaScript的ajax操作,简化了HTTP请求的发起和响应参数的获取。tomcat原创 2021-10-31 18:30:01 · 430 阅读 · 0 评论 -
Javaweb10==实现ajax方法一:原生JavaScript调用BOM对象XMLHttpRequest。前后端分离,注册界面用户名输入完成后立刻进行验证用户名是否可用。
前端页面register.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>欢迎注册</title> <link href="css/register.css" rel="stylesheet"></head><body><div class="form-div原创 2021-10-31 15:09:03 · 200 阅读 · 0 评论 -
Javaweb10==一次/多次会话中的多次请求间实现数据共享。cookie 和session。未前后端分离实现登录注册
最终环境配置:IDEA2021+JDK8+mysql connector java5+Mysql5+mybatis3.5:从数据库取出数据。+(servlet+jsp+el表达式jstl):servlet+jsp接收HTTP请求和响应将取出的数据形成页面代码并传递到浏览器,el可以避免书写<%%>加快书写,jstl提供的c:if c:foreach进一步加快书写。tomcat7插件+html5+css3+chorme:CheckCodeUtil工具类:生成注册页面验证码图片,验.原创 2021-10-29 19:36:16 · 176 阅读 · 0 评论 -
Javaweb10==一次/多次会话中的多次请求间实现数据共享。cookie 和session
在之前的jsp列表获取中,我们都是一收到请求就去数据库里查询记录,然后写到页面。但如果是一个商城,我们一开始登录,输入账号和密码,浏览器将账号和密码POST发送到web服务器,loginServlet中判断后,将是否匹配成功和将账号密码一起放入域对象再转发到显式商品列表的show.jsp,show.jsp从域对象中获取是否匹配成功和信息和账号密码后,再带着账号和密码去请求showServlet,showServlet再从域对象中取出账号密码,经过判断后返回该用户有权限看到的数据到show.j...原创 2021-10-29 11:50:54 · 704 阅读 · 0 评论 -
Javaweb8==未实现前后端分离的列表展示、新增、删除、修改功能。 servlet(逻辑处理,封装数据进域对象,转发到jsp)+jsp(el表达式获取域对象中的数据+JSTL替换if for)。
在文章“Javaweb8==实现前后端分离的登录注册功能。前端html+ajax”中,可以看到,页面的内容只有少部分必要的数据传递到后端进行处理,后端处理完后,也只是给前端返回一个简单的字符串就可以了。这种前后端分离的模式,能降低后端的代码量。而且前端页面放在前端服务器上,可以分成两拨人来写。 但有时候要求后端人员将页面一起写了,为了减少参数的传递,可以参用这种方式:即登录界面由后端传往浏览器,收到账户名密码验证之后再传一个完整的界面去浏览器。 如上,需要...原创 2021-10-27 16:45:04 · 333 阅读 · 1 评论 -
Javaweb8==实现前后端分离的登录注册功能。前端html+ajax
后端如前两篇写的。 前端从网上扒了一篇前端页面,使用的是jQuery这个JavaScript库,用它来简化对DOM和BOM的操作。想用ajax技术发起HTTP请求并获取响应,所以采用了jQuery提供的方法实现ajax技术。 ========================================= ajax技术只是一种发起HTTP请求的技术概念,除了用jQuery这个库实现ajax技术,也可以用其他技术实现。...原创 2021-10-27 11:35:59 · 1510 阅读 · 0 评论 -
Javaweb8==同一台电脑8090端口发出请求访问8080端口出现跨域问题,服务器network报Access-Control-Allow-Origin
用IDEA编写了后端登录注册代码并部署到tomcat8080,然后用vscode用Ajax发起get请求登录和注册,发现浏览器network报Access-Control-Allow-Origin。解决:设置响应头response.setHeader//跨域:跨域访问,简单来说就是 A 网站的 javascript 代码试图访问 B 网站,包括提交内容和获取内容。由于安全原因,跨域访问是被各大浏览器所默认禁止的,XmlHttpRequest也不例外。 //解决浏览器跨域访问限制原创 2021-10-27 09:43:56 · 551 阅读 · 0 评论 -
Javaweb8==通过tomcat访问到一段代码并执行,同时读取前端数据和从后端给前端返回数据。通过继承javaEE的HttpServlet类。实现登录注册功能和前端界面。
环境配置:IDEA2021+maven3.8+JDK8+mysql5+mybatis3.5+servlet4+tomcat7+html5+谷歌浏览器+logback日志需求:注册功能:前端html页面输入账号密码,通过谷歌浏览器以POST方式传输到web服务器tomcat,tomcat读出传过来的数据,执行doPost方法,方法中代码会通过mybatis访问mysql数据库,并插入一条数据。最后往前端写回一句话。登录功能:前端html页面输入账号密码,通过谷歌浏览器以POST方式传输到web服务原创 2021-10-26 19:13:41 · 299 阅读 · 0 评论 -
Javaweb8==通过tomcat访问到一段代码并执行,同时读取前端数据和从后端给前端返回数据。通过继承javaEE的HttpServlet类
111原创 2021-10-25 19:42:25 · 397 阅读 · 0 评论 -
Javaweb8==通过tomcat访问到一段代码并执行。通过实现javaEE的servlet接口
之前我们发现tomcat的路径配置,那只能访问静态的资源a.html,那如果我想通过访问一个路径,来执行一段代码呢?这就要用到servlet,这是javaee提供的一个接口,我们只要实现这个接口,就可以做到执行一段代码。这个接口不在默认的JDK中,所以需要先将这个接口相关的代码包引入项目。 整个过程可以理解成:我们通过浏览器发起了一个HTTP请求,tomcat守在电脑的端口铺捉到了这个请求,tomcat解析这个请求。如果这个请求路径指向一个静态资源a.h...原创 2021-10-25 15:07:28 · 246 阅读 · 0 评论 -
Javaweb8==IDEA两种方式配置tomcat
方式一:使用tomcat7插件使用插件只支持到tomcat7这个版本,但还能用。<!--Tomcat插件 --><plugin><groupId>org.apache.tomcat.maven</groupId><artifactId>tomcat7-maven-plugin</artifactId><version>2.2</version></plugin>也可以.原创 2021-10-25 14:23:58 · 93 阅读 · 0 评论 -
Javaweb8==IDEA创建maven web项目
创建完成的项目结构和意思:步骤==================最后想做web项目,所以在pom.xml中添加打包方式<packaging>war</packaging>随便引入一个dependency,并写个a.html然后在pom.xml文件上右键,run maven ===package,看到生成了target目录。可以看出,war包里的东西,就是target目录下的demoweb-1.0-SNAPSHOT文件夹中的东...原创 2021-10-25 12:01:07 · 71 阅读 · 0 评论 -
Javaweb5==tomcat原理=直接用文件夹或者war包将项目部署到Tomcat中
Tomcat作为web服务器,根据HTTP协议,帮助我们解析HTTP请求,帮助我们封装HTTP响应。=============================================== ======================tomcat目录的意思:演示用文件夹部署=====================================================准备好项目,放在tomcat安装目录的webapps下面启动tomcat浏览器输...原创 2021-10-25 10:51:35 · 272 阅读 · 0 评论 -
Javaweb5==java基于TCP自定义一个http服务器
请求和响应都由行 头 体组成。主要内容是解析浏览器传过来http请求行头体,以及按照http协议封装响应的行头体。服务器代码:import sun.misc.IOUtils;import java.io.*;import java.net.ServerSocket;import java.net.Socket;import java.nio.charset.StandardCharsets;import java.nio.file.Files;/*自定义服务器*/pu原创 2021-10-25 10:29:35 · 266 阅读 · 0 评论 -
Javaweb5==IDEA项目out目录和target目录含义
Javaweb5==IDEA项目out目录和target目录含义out目录,可以看出out目录下存放的是web source directory指定文件夹中的文件。web source directory对应Tomcat的启动目录。比如我们直接将项目放到tomcat文件夹下运行,就是webapp文件夹,就是下面这个文件夹,我们也可以将项目直接部署到这运行。target目录从下图可以看出,存放的是项目source,resouces,test文件夹的内容编译后的东西。...原创 2021-10-24 21:17:30 · 4266 阅读 · 0 评论 -
JavaWeb问题记录——IDEA换了图片前端不更新。
前后端未分离项目,SSM+mysql+c3p0,前端jQuery。功能全部跑起来你后,当我在后端更新一张图片后,再重启Tomcat,再次启动,前端页面并没有实时更新。解决办法:换个浏览器。。原因是浏览器具有记忆功能,我这从谷歌换成火狐就行了。===========================在服务端的图片更新之后,前端的图片没有更新?这是因为浏览器首次读取服务端的图片之后,再次读取同名图片,会直接从临时文件中读取,不再请求服务端。如果清除浏览器缓存,则图片更新。可以修改图片名,或原创 2021-10-24 21:01:18 · 9302 阅读 · 0 评论 -
JavaWeb问题记录——SSM项目配置logback中文乱码
日志自身输出的中文没有乱码,但我自己在代码中写的SOUT中文就乱码如下:从数据库查出的数据,带中文的也乱码如下先查看下logback原理,logger(二)logback简介及其实现原理 - 梦天幻 - 博客园一、logback简介 logback是log4j创始人写的,性能比log4j要好,目前主要分为3个模块 logback-core:核心代码模块 logback-classic:log4j的一个改良版https://www.cnblogs.com/pjfmeng/p/1127.原创 2021-10-24 19:27:52 · 431 阅读 · 0 评论 -
Javaweb5vue 实现登录页面
初始版本:vue3.X vue/cli4.5.14 node.js14.18.1 webpack5.58.2 webpackcli4.9.1===================================================================vue init webpack vuehr报错:Failed to download repo vuejs-templates/webpack连接超时原因是这个要去外网下载包,所以网络不行,要手动下载,我...原创 2021-10-21 11:54:24 · 591 阅读 · 0 评论 -
Javaweb5==mybatis根据需求写CRUD单表查询12个方法全
需求如下电商后台高保真原型(首页)https://www.pmdaniu.com/storages/122645/74ccff58678d80583ea43a55547173eb-1818/%E7%94%B5%E5%95%86%E5%90%8E%E5%8F%B0%E9%AB%98%E4%BF%9D%E7%9C%9F%E5%8E%9F%E5%9E%8B%EF%BC%88%E9%A6%96%E9%A1%B5%EF%BC%89.html...原创 2021-10-20 10:08:31 · 113 阅读 · 0 评论 -
Javaweb4webstrom2021建立vue3.X====vueCLI4.X
Installation | Vue.jshttps://v3.vuejs.org/guide/installation.html#download-and-self-host参照官方文档安装卸载之前安装的老版本VUE和VUE CLInpm uninstall vue -gnpm uninstall vue/cli-g安装 npm install vue@nextnpm install -g @vue/cli...原创 2021-10-20 09:38:10 · 166 阅读 · 0 评论 -
IDEA设置启动不自动打开项目
原创 2021-10-19 19:23:38 · 978 阅读 · 0 评论 -
Javaweb4IDEA2021创建mybatis+JDBC+logback+junit
mybatis – MyBatis 3 | 入门https://mybatis.org/mybatis-3/zh/getting-started.html详细的直接见上面官网,官网有中文的。项目结构============================================实体类=====================package com.ldj.pojo;public class User { private int id; private Strin原创 2021-10-19 17:04:05 · 130 阅读 · 0 评论 -
Javaweb4webstrom2021建立vue2.X====vueCLI2.X
1、本机安装node.js,安装node.js之后就自带了npm2、本地安装webpack。WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。3、安装vue脚手架 vue-cli。作用就是快速搭建一个vue.js项目的结构,帮忙导入一些必须的依赖包,创建基础的项目文件夹。4、创建vue项目:因为webstrom下载包比较慢,所以直原创 2021-10-19 12:45:33 · 290 阅读 · 0 评论 -
Javaweb4IDEA2021更换JDK
原创 2021-10-19 11:28:28 · 118 阅读 · 0 评论 -
javaweb4依赖包管理工具maven3.8.2+IDEA2021.2
Maven – Welcome to Apache Mavenhttps://maven.apache.org/官网地址如上:================================================基于项目对象模型的概念(基于POM)、依赖管理模型1、提供标准化项目结构2、提供标准化构建流程3、提供一套依赖管理机制(不用自己下载jar包,并加入lib文件夹,再add as library)标准IDEA新建的Java项目结构如上标准IDEA新建的Java原创 2021-10-19 11:01:58 · 279 阅读 · 0 评论 -
npm notice created a lockfile as package-lock.json. You should commit this file.
npm init -y原创 2021-10-19 09:01:37 · 973 阅读 · 0 评论 -
webpack安装填坑(‘webpack‘ 不是内部或外部命令,也不是可运行的程序或批处理文件)
webpack安装填坑('webpack' 不是内部或外部命令,也不是可运行的程序或批处理文件) - 如果。。。 - 博客园webpack打包The 'mode' option has not been set,错误提示 - begrateful - 博客园Failed to load 'E:\nodeproject\19webpack\app\webpack.config.json' config[webpack-cli] SyntaxError: E:\nodeproject\19we..原创 2021-10-19 00:06:06 · 371 阅读 · 0 评论 -
JavaWeb问题记录——org.apache.catalina.util.SessionIdGeneratorBase.createSecureRandom
启动Tomcat时,后台打印警告:org.apache.catalina.util.SessionIdGeneratorBase.createSecureRandom使用[SHA1PRNG]创建会话ID生成的SecureRandom实例花费了[110]毫秒。在Java的安装目录下,找到 jrelibsecurity 目录,打开 java.security 文件,找到如下配置:1 securerandom.source=file:/dev/random发现改了还变慢了。。。无解=====.原创 2021-10-18 22:48:42 · 2907 阅读 · 2 评论 -
node.js和js==java和js==node.js和java==jsp和js
========================================================js vue.js html cssjsp servletnode.js java=========================================================js是一门前端开发语言。node.js是使用C++语言开发、编写的另...原创 2021-10-18 12:27:46 · 533 阅读 · 0 评论