08 2022 档案
摘要:function echo(arg:any):any{ return arg } const result=echo(123) function echo<T>(arg:T):T{ return arg } const result1=echo(123) function swap<T,U>(tup
阅读全文
摘要:enum Direction{ Up="Up", Down="Down", Left="Left", Right="Right" } console.log(Direction.Up)//0 console.log(Direction[0])//Up // 常量枚举 可以提升性能 const val
阅读全文
摘要:interface Radio{ switchRadio():void } interface Battery{ checkBatteryStatus() } interface RadioWithBattery extends Radio{ } class Car implements Radio
阅读全文
摘要:<Upload name="file" action="xxxx" onChange={handleChange} fileList={fileList} headers={{ "Authorization": getToken() || "" }} > {headPic ?"" : uploadB
阅读全文
摘要:class Animal{ protected name: string; static age=18 constructor (name:string){ this.name=name } run(){ return `${this.name}` } } const snake=new Anima
阅读全文
摘要:const downURL = window.URL.createObjectURL(new Blob([data])); // data 为获取到的二进制数据 const listNode = document.createElement("a"); // 这里注意 : 非同源a标签的downlo
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:form.setFieldsValue({ parentId: "", code: "", name: "", contact: "", addr: "", contactNumber: "", status: "" })
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:import java.util.Scanner; public class ValueDemo1{ public static void main(String[] args){ Scanner sc=new Scanner(System.in); int i=sc.nextInt(); Syst
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要:前言 在前端的vue的项目中 不免会安装较多的文件依赖 对于常规安装依赖 我知道的方式有两种npm和yarn 1npm 1.1定义 npm: Nodejs下的包管理器。 1.2 安装 安装node环境 直接node官网安装一下 1.3 下载地址 node地址 下载安装好之后直接下一步下一步安装 安装
阅读全文
摘要:需求实现 1可以支持上传最多九张图片 2图片支持预览 替换 删除 3支持自定义上传文件大小 格式 未上传提示 实现效果 代码封装 UploadImage组件 * @Description: 公共上传图片 * @param {Array} type 图片格式。默认类型为png,jpeg * @para
阅读全文
摘要:<div gutter={16} style={{ width: '100%', display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap ', }} > {detailMsg.imgList && detailMsg.img
阅读全文
摘要:class Animal{ name: string constructor (name:string){ this.name=name } run(){ return `${this.name}` } } const snake=new Animal("geyao") class Dog exte
阅读全文
摘要:// function add(x:number,y:number,z?:number):number{ // if(typeof z=='number'){ // return x+y+z; // }else{ // return x+y // } // } // let result=add(2
阅读全文
摘要:interface IPerson{ name:string, age:number, readonly id:number } let geyao:IPerson={ age:18, name:"string", id:1 } //可选属性?
阅读全文
摘要://定义数组 let geyao:number[]=[1,2,3,4] //伪数组 function test(){ console.log(arguments) // let htmlCollection:Node=arguments } // 元祖 不能多不能少 let user:[string
阅读全文
摘要:let isDone:boolean=false let age:number=20 let num:undefined=undefined let n:null=null let notTrue:any=4 notTrue=false // 联合类型 let numgeyao:number|str
阅读全文
摘要:let isDone:boolean=false let age:number=20 let num:undefined=undefined let n:null=null
阅读全文
摘要:npm install typescript -g const hello =(name:string)=>{ return `hello ${name}` } hello("viking") tsc 进行编译
阅读全文
摘要:1程序更容易理解 2效率更高 3更少的错误 4非常好的包容性质 缺点
阅读全文
摘要:歌谣学习笔记 学习
阅读全文
摘要:<!-- * @Author: your name * @Date: 2022-04-01 17:10:07 * @LastEditTime: 2022-04-01 17:11:35 * @LastEditors: your name * @Description: 打开koroFileHeader
阅读全文
摘要:零值相等 是 正0和负0相等 打印出true 相等 true undefind
阅读全文
摘要:<!-- 任何对象与undefined null不相等--> <!-- 窄对象 Narrow Objectdocument.all --> <!-- 全等对结果的预测更加清晰明确 全等在不隐式子转换下更快--> 同值相等NaN是等于NaN
阅读全文
摘要:public class ValueDemo1{ public static void main(String[] args){ String name="geyao"; int age=18; char sex='n'; double height=180.1; boolean gg=true;
阅读全文
摘要:public class ValueDemo1{ public static void main(String[] args){ //byte byte b=10; //short short s=20; //int int i=30; System.out.println(i); // Syste
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:
阅读全文
摘要:2
阅读全文
摘要:public class ValueDemo1{ public static void main(String[] args){ //输出hello world //数据类型 int(整数) int a =10; System.out.println(a); } }
阅读全文
摘要:public class ValueDemo1{ public static void main(String[] args){ //输出hello world System.out.print("我是歌谣"); System.out.print(6666); } }
阅读全文
摘要:public class HelloWorld{ public static void main(String[] args){ //输出hello world System.out.print("hello world"); } }
阅读全文
摘要:public class ValueDemo1{ public static void main(String[] args){ //变量的修改 int count = 0; //上去以为乘客 count=count+1; //下去一个乘客 count=count-1 //打印 System.out
阅读全文
摘要:public class HelloWorld{ public static void main(String[] args){ System.out.print("hello world"); } }
阅读全文
摘要:public class HelloWorld{ public static void main(String[] args){ System.out.print("hello world"); } }
阅读全文
摘要:环境变量
阅读全文
摘要:promise模拟异步请求 请求 额外的请求 额外的数据
阅读全文
摘要:dispatch更改 数据处理
阅读全文
摘要:修复ts问题 createslice 导入ruduce
阅读全文
摘要:npm install @reduxjs/toolkit react-redux 统一仓库进行数据处理 定义两个数据类型 如何使用provide
阅读全文
摘要:// 将图片路径转base64 function getBase64(img, callback) { const reader = new FileReader(); reader.addEventListener('load', () => callback(reader.result)); r
阅读全文
摘要:<p>点击下方修改头像:</p> <Upload name="avatar" listType="picture-card" className="avatar-uploader" showUploadList={false} action="/api/upload" beforeUpload={b
阅读全文
摘要:// 表单提交的事件 const onFinish = (values) => { // 如果表单的username有值,并且不等于初始化时拿到的username,同时密码非空 if(values.username && values.username!==sessionStorage.getIte
阅读全文
摘要:useEffect(()=>{ GetUserDataApi().then(res=>{ console.log(res) if(res.errCode 0){ message.success(res.message) // 存到sessionStorage sessionStorage.setIt
阅读全文
摘要:<Form name="basic" style={{width: '400px'}} onFinish={onFinish} autoComplete="off" > <Form.Item label="修改用户名:" name="username"> <Input placeholder='请输
阅读全文
摘要:return ( <Space size="middle"> {/* text.key就是id */} <Button type='primary' onClick={() => navigate('/edit/' + text.key)}>编辑</Button> <Button type='dan
阅读全文
摘要:// 模拟componentDidUpdate useEffect(() => { getList(current) }, [update]) // 删除 const delFn = (id) => { ArticleDelApi({id}).then(res=>{ if(res.errCode 0
阅读全文
摘要:// 处理请求数据 const dealData = (errCode, msg) => { setIsModalVisible(false); // 关闭对话框 if (errCode 0) { message.success(msg) setTimeout(() => { // 跳回list页面
阅读全文
摘要:setBreadName(pathname.includes('edit') ? '文章编辑' : ""); break; bug修改
阅读全文
摘要:// 模拟componentDidMount useEffect(() => { editor = new E('#div1') editor.config.onchange = (newHtml) => { setContent(newHtml) } editor.create() // 根据地址
阅读全文
摘要:// 对话框点击了提交 const handleOk = () => { form .validateFields() // validate校验 field字段 .then((values) => { // form.resetFields(); // reset重置 let { title, s
阅读全文
摘要:editor.create() // 根据地址栏id做请求 if (params.id) { ArticleSearchApi({ id: params.id }).then(res => { if (res.errCode 0) { editor.txt.html(res.data.content
阅读全文
摘要:请求拦截器 // 添加请求拦截器 instance.interceptors.request.use(function (config) { let token = localStorage.getItem('cms-token') if(token){ config.headers = { 'cm
阅读全文
摘要:// 对话框点击了提交 const handleOk = () => { form .validateFields() // validate校验 field字段 .then((values) => { // form.resetFields(); // reset重置 let { title, s
阅读全文
摘要:<Modal zIndex={99999} title="填写文章标题" visible={isModalVisible} onOk={handleOk} onCancel={() => setIsModalVisible(false)} okText="提交" cancelText="取消"> <
阅读全文
摘要:// 模拟componentDidMount useEffect(() => { editor = new E('#div1') editor.config.onchange = (newHtml) => { setContent(newHtml) } editor.create() // 根据地址
阅读全文
摘要:import React, { useEffect, useState } from 'react' import { PageHeader, Button, Modal, Form, Input, message } from 'antd'; import moment from 'moment'
阅读全文
摘要:<List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={item => ( <List.Item actions={[ <Button type='primary' onCl
阅读全文
摘要:loading=false才能渲染出来 import React, { useState, useEffect } from 'react' import { List, Skeleton, Pagination, Button, message } from 'antd'; import { Ar
阅读全文
摘要:axios.interceptors.response.use(function (response) { console.log(getToken(),"getTokenTest") // 对响应数据做点什么 console.log(response, "response1111") if (re
阅读全文
摘要:<div className='list_table' style={{ padding: '20px' }}> <List className="demo-loadmore-list" itemLayout="horizontal" dataSource={list} renderItem={it
阅读全文
摘要:.list_table{ width: 100%; background: #fff; height: 100%; overflow-y: scroll; &::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; height: 100%; background
阅读全文
摘要:import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment
阅读全文
摘要:<div className='list_table'> <Table showHeader={false} columns={columns} dataSource={arr} onChange={pageChange} pagination={pagination} /> </div> ) //
阅读全文
摘要:<Space size="middle"> {/* text.key就是id */} <Button type='primary' onClick={() => navigate( '/edit/' + text.key)}>编辑</Button> <Button type='danger' onC
阅读全文
摘要:return ( <div> <a className='table_title' href={"/" + props.id} target="_blank">{props.title}</a> <p style={{ color: '#999' }}>{props.subTitle}</p> </
阅读全文
摘要:function MyTitle(props) { return ( <div> <a className='table_title' href={"xxxxx" + props.id} target="_blank">{props.title}</a> <p style={{ color: '#9
阅读全文
摘要:setPagination({ current: num, pageSize: count, total }) // 深拷贝获取到的数组 let newArr = JSON.parse(JSON.stringify(res.data.arr)); // 声明一个空数组 let myarr = []
阅读全文
摘要://console.log(process.env); let num1=parseInt(process.argv[2]) let num2=parseInt(process.argv[3]) console.log(num1+num2);
阅读全文
摘要:进入官网下载 node.js 建立一个文件夹 直接下一步,下一步 安装完成以后 win+r 安装完成 建立一个js文件 找到路径 运行
阅读全文
摘要:我是歌谣 放弃很难 但是坚持一定很酷 微信公众号关注小歌谣 一起学习前后端知识 今天要说得是实现一个vue中实现五星评价得效果 简单来说 就是封装组件把 具体需要我们了解组件间得相互传值 数据绑定等知识 先用脚手架起个项目先 脚手架启动 在这里插入图片描述 安装依赖 包括 npm install
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 1前言 在我们的开发过程中 会遇到一些开发的需求 怎么实现 怎么写 怎么做才最合理 2需求处理 拿到一个需求就和做数学题一样 我们要理清所有的关系 由于本文知识对需求进行阐述 所以就以vue为例子 2.1 需求1处理页面样式某页面跳转之后如果传过去的值为1则显
阅读全文
摘要:首先我们知道vue里面包含有父子组件 但是你知道如果要进行一个element的手动组件封装 怎么封装吗 1首先第一步 首先我们建立一个组件 最好设置在一个文件目录下比如components 只是一个普通的组件 叫做OneButton.vue <template> <button class="one
阅读全文
摘要:function getLength(input:string|number):number{ // const str=input as String // if(str.length){ // return str.length // }else{ // const number=input a
阅读全文
摘要:type PluType=(x:number,y:number)=>number function sum(x:number,y:number):number{ return x+y } const sum2:PluType=sum type NameResolver=()=>string type
阅读全文
摘要:let arr:number[]=[1,2,3] let arrTwo:Array<number>=[1,2,3] interface Iplus<T>{ (a:T,b:T):T } function plus(a:number,b:number):number{ return a+b } cons
阅读全文
摘要:class Queue<T> { private data = []; push(item:T) { return this.data.push(item); } pop():T { return this.data.shift(); } } const queue = new Queue<stri
阅读全文
摘要:主要分为两个角度 1.DOM操作角度。假设状态发生变化,我们如何将状态的更新应用到视图上? 直接创建元素,然后将元素覆盖到我们需要更新的地方,这样做固然很快捷,但是会引发页面出现很大的变动,渲染引擎需要重新计算和渲染,这样的开销很大 更聪明的办法是找出那些需要更新的节点,然后只更新那些发生变动的节点
阅读全文
摘要:乘着今天中午的时间 对以前项目的一个需求进行一定的处理 前天去了甲方公司 接到了了一个新的需求 就是可以把项目的一个富文本的编辑器可以设置为能够上传视频 于是乎 就要对vue里面的这个组件进行操作了 首先我们可以看一眼官网的文档 需要用到的就直接到官网文档进行查询即可了 需求(接口文档) 由于官网的
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注小歌谣 日常分享前后端知识 前言 今天来讲一下平常我们做权限系统中的树形结构知识 就是如何把对应关系的结构数据转换为可以一个树形结构 const data = [ { id: 2, pid: 0, path: '/course', name: '
阅读全文
摘要:这边先上代码 然后我们逐个解释 import React, { Component, Fragment } from 'react'; import { Modal, Row, Form, Col, Radio, Tag, Input, message } from 'antd'; /** * 弹框
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 日常分享前后端知识 前言 最近涉及一个移动端项目 需要把其中的图片变成可预览的图片 听学弟说 可以利用viewer进行实现 首先 我们需要做的就是先写一个简单demo 先实现其中的效果 实现效果 在这里插入图片描述 代码 <!doct
阅读全文
摘要:前言 我是歌谣 放弃很容易 但是坚持一定很酷 对于一个半路转行的程序员 我这边想大概发表一下自己个人的一个见解 疑问1成为一名开发真的很难嘛? 本人大学是计算机专业毕业的,毕业的时候还没有入行开发这一行.当我在社会上去做其他的工作的时候,我认为开发是很高大上的东西,那一群做开发的人是多么优秀呀。开发
阅读全文
摘要:我是歌谣 放弃很难 但是坚持一定很酷 微信关注小歌谣一起学习 最近因为工作需要就要进行docker的一些相关学习 这边就整理了一小部分的笔记 方便一起学习 本文源自个人学习笔记 docker笔记 docker 教程方法 1.docker 的镜像和容器的基本操作 uname -r 查看系统的版本信息
阅读全文
摘要://数组 array function geyao<T>(arg:T[]):T[]{ console.log(arg.length) return arg } interface IWithLength{ length:number } function haha<T extends IWithLe
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你进入巅峰前端交流群 前言 最近没啥项目做,闲着无聊,写写文档解解闷。 也许看到这标题的时候,开发肯定想捶提供数据的后台小哥,数据量这么大,就不能做下分页在返回嚒。直接渲染到页面会引起页面的卡顿,白屏时间过长会造成用户的流失。虽然心
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你进入巅峰前端交流群 利用 JS 事件冒泡动态为元素绑定事件的方法称为事件委托(Event Delegation,也称为“事件代理”),是 JavaScript 中最热门的技术之一。 事件委托就是把原本需要绑定在子元素上的事件(on
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你进入巅峰前端交流群 1. 什么是DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进
阅读全文
摘要:虚拟 DOM 的实现原理主要包括以下 3 部分: 用 JavaScript 对象模拟真实 DOM 树,对真实 DOM 进行抽象;diff 算法 — 比较两棵虚拟 DOM 树的差异;pach 算法 — 将两个虚拟 DOM 对象的差异应用到真正的 DOM 树。 Virtual DOM【虚拟DOM】库 V
阅读全文
摘要:我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣 带你进入巅峰前端交流群 1.页面的渲染过程 (1)Javascript:通过JS实现动画效果或者操作DOM实现交互 (2)Style:计算样式,如果样式有改变将重新计算,并返回给DOM (3)Layout:根据DOM的样式,重新布局(
阅读全文
摘要:上图·是目录结构,本节是有问同学的,当好好总结 pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoc
阅读全文
摘要:上图·是目录结构,本节是有问同学的,当好好总结 pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoc
阅读全文
摘要:上图·是目录结构,本节是有问同学的,当好好总结 pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLoc
阅读全文
摘要:①:下载jstl.jar和standard.jar 点击下载jstl.jar 点击下载standard.jar ②:将两个包剪切到项目中的WEB-INF/lib文件夹内 右键加到eclipse环境中 bulidpath--add to path 第一行代码<%@ pagelanguage="java
阅读全文
摘要:EL表达式和JSTL标签库: 在JSP页面代替java代码,便于编写 一.EL表达式 作用: ${} 简化脚本表达式 <%= %> j2ee1.4以前版本需指定<%@ page isELIgnored="false"> j2ee1.4以后版本默认支持EL表达式 1.EL内置对象 EL内置11个对象,
阅读全文
摘要:. 我们在使用spring框架的时候导入jstl标签库需要使用到jstl的jar包,假如没有加入到eclipse的lib目录下,使用alt + /的时候不会有提示,所以我们需要把这个jar包加进来 首先登陆网址:Apache Taglibs - Apache Taglibs 找到下面的Standar
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:浏览器form表单只支持GET与POST请求,而DELETE、PUT等method并不支持,spring3.0添加了一个过滤器,可以将这些请求转换为标准的http方法,使得支持GET、POST、PUT与DELETE请求,该过滤器为HiddenHttpMethodFilter。 HiddenHttpM
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:jsp页面中 <meta http-equiv="content-type" content="text/html; charset=UTF-8">通知浏览器以utf-8解码 get请求编码方式和post请求提交编码方式不同,get是把数据直接放到url中,例如以上的uname,IE浏览器先对中文进
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:Eclipse只需几步简单的设置就可以像idea那样代码自动提示了,喜欢的小伙伴可以赶紧动手设置,提升效率。 第一步:打开Eclipse --> Window --> Preferences 第二步:点击Java --> 打开Editor --> 点击Content Assist 第三步:设置Aut
阅读全文
摘要:1本次歌谣就对如何创建一个maven项目做一个详细的讲解,毕竟卡了我三天,久久不能入眠,也搜了网上很多的博客 都没有顺利的解决maven项目的创建。这篇建议大家收藏,总会用到的。不然大家看网上的博客也是一脸懵逼。 2首先工具使用 eclipse 3首先我们要创建maven环境,这一步网上的教程一般都
阅读全文
摘要:eclipse里第一次创建Maven项目时,src/main/java与src/test/java目录都不会出现,这是因为eclipse里的一个默认配置。这两个目录是真实存在的,只是隐藏了。 这时候想要让这两个目录出现,就需要修改以下配置: 右击项目-properties-Java Build Pa
阅读全文
摘要:目录结构 web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/j
阅读全文
摘要:重复的用getAll
阅读全文
摘要:渲染菜单高亮 主要逻辑
阅读全文
摘要:lazeLoad消除router.js 公共布局直接加载注意哦
阅读全文
摘要:route.js app.jsx
阅读全文
摘要:router/index.js app.jsx
阅读全文
摘要:加个detail组件 加个useparams
阅读全文
摘要:web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee
阅读全文
摘要:web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee
阅读全文
摘要:1.解决之前项目结构如下: 2.选择File->Project Structure... 3.选择Modules选项卡下面的Sources项,在main文件夹上右键,选择New Folder...并点击OK 4.输入要创建的文件夹名称java,并点击OK继续 5.在创建好的java文件夹上右键选择S
阅读全文
摘要:这个问题本质是我们有多个重名项目,为什么我们会有多个重名项目,其实一般都是我们删除以前的项目,然后再把它重新导进eclipse时以前的项目删除不彻底造成的,以前的项目在"Servers"里面的"server.xml"文件下的<Context>中还有我们以前的应用程序。 所以很简单的一种解决方案就是把
阅读全文
摘要:最近在eclipse搭建的SSM项目中,出现错误:Referenced file contains errors (http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd). 虽然程序能够正确运行,但是红色叉叉看的很不爽 解决方法 W
阅读全文
摘要:问题描述: 我们在用MyEclipse进行Java web开发时,可能会出现这样的错误:The superclass "javax.servlet.http.HttpServlet" was not found on the Java Build Path。我们该怎么解决这个问题呢? 我遇到的错误显
阅读全文
摘要:本地安装与配置: 1.jdk 在cmd中运行 Java -version 2.下载maven包 https://maven.apache.org/download.cgi下载最新版的Maven程序:(选择bin zip包) 将文件解压在D:\Program Files\apache-maven-3.
阅读全文
摘要:一.准备条件: 1.安装idea旗舰版 2.安装tomcat 二.打开idea开始创建 1.创建Project 2.选择项目类型为maven 3.输入组名和项目名 > 下一步 >下一步 4.maven项目创建完成 5.运行 (1)配置tomcate (2)添加tomcat (3)使用tomcat (
阅读全文
摘要:1创建maven项目 2pom.xml有红色错误,生成web目录 3修改pom.xml配置 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="htt
阅读全文
摘要:一.maven的安装 1解压maven压缩包到某一路径下 2配置MAVEN_HOME 3配置path到MAVEN_HOME/bin下 二eclipse集成MAVEN 方法1:直接使用自带插件 1在用户目录/.m2文件夹下面创建setting.xml文件,配置maven仓库位置 2在eclipse中直
阅读全文
摘要:web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee
阅读全文
摘要:web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee
阅读全文
摘要:1. @Controller @Controller注解用于表示一个类的实例是页面控制器(后面都将称为控制器). 使用@Controller注解定义的控制器有如下特点: 不需要继承任何类, 也不需要实现任何接口可以处理多个请求可以使用Servlet的相关特性 spring自动扫描所有基于注解的类,
阅读全文
摘要:1@RequestMapping的位置 可以在类名或者方法名之前 或者同时加在两个位置 最终的路径是两个位置路径的组合 value是默认的名称,可以省略,如果有其他参数,就不能省略 如下配置的访问路径:协议://主机://端口/虚拟路径/hello/world package com.geyao.s
阅读全文
摘要:路径为File->settings->Editor->Color Scheme可以设置软件默认颜色,旁边的小齿轮添加颜色名字 IDEA设置一张背景图片,路径:File->Settings->Appearance&Behavior->Appearance 手动设置护眼绿的RGB颜色 路径:File->
阅读全文
摘要:一个Spring MVC的项目如何创建?请看这里。 代码编辑器:Intellij IDEA 请提前在电脑上配置好自己的tomcat! 该文属于小白教程,适合初学者。 1 创建Spring MVC项目 第一步,点击新建项目。 第二步,选择Spring MVC框架,导入Spring框架包。 第三步,写项
阅读全文
摘要:我以2018版的intellij idea为例 一.创建JavaWeb 1.第一步 点击左上角的File-->New-->Project 2.第二步 1.找到Java Enterprise之后,在Application Sever中找到自己的Tomcat,同时勾选中Web Application 2
阅读全文
摘要:jstl的jar包的下载 我们在使用spring框架的时候导入jstl标签库需要使用到jstl的jar包,假如没有加入到eclipse的lib目录下,使用alt + /的时候不会有提示,所以我们需要把这个jar包加进来 首先登陆网址:http://tomcat.apache.org/taglibs/
阅读全文
摘要:spring.jar是包含有完整发布的单个jar 包,spring.jar中包含除了spring-mock.jar里所包含的内容外其它所有jar包的内容,因为只有在开发环境下才会用到 spring-mock.jar来进行辅助测试,正式应用系统中是用不得这些类的。 除了spring.jar文件,Spr
阅读全文
摘要:创建maven项目就不说了,需要的找我前面的博客 pom.xml文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:目录结构 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-ins
阅读全文
摘要:目录结构 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-ins
阅读全文
摘要:pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
摘要:import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment
阅读全文
摘要:import React, { useState, useEffect } from 'react' import './less/ListTable.less' import { Table, Button, Space, message } from 'antd'; import moment
阅读全文
摘要:.list_table{ width: 100%; background: #fff; height: 100%; overflow-y: scroll; &::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; height: 100%; background
阅读全文
摘要:import React, { useState, useEffect } from 'react' import { Breadcrumb } from 'antd'; import { HomeOutlined } from '@ant-design/icons'; import { useLo
阅读全文
摘要:const [defaultKey, setDefaultKey] = useState(""); const navigate = useNavigate(); const location=useLocation() const handleClick = (e) => { navigate("
阅读全文
摘要:const navigate = useNavigate(); const handleClick = (e) => { navigate("/" + e.key); setDefaultKey(e.key); };
阅读全文
摘要:import React, { useEffect, useState } from 'react' import { Menu } from 'antd'; import { ReadOutlined, EditOutlined, DatabaseOutlined } from '@ant-des
阅读全文
摘要:// 退出登录 const logout = () => { message.success('退出成功,即将返回登录页') localStorage.clear(); // 清除localStorage中的数据 setTimeout(() => navigate('/login'), 1500)
阅读全文
摘要:// 模拟componentDidMount useEffect(() => { let username1 = localStorage.getItem('username') let avatar1 = localStorage.getItem('avatar') if (username1)
阅读全文
摘要:直接给a标签加高度
阅读全文
摘要:import React, { useEffect, useState } from 'react' import logoImg from '../assets/logo.png' import { Menu, Dropdown, message } from 'antd'; import { C
阅读全文
摘要:import React, { Component, Fragment, useState } from "react"; import { Button } from 'antd'; import { Outlet } from 'react-router-dom' import { Layout
阅读全文
摘要:import React from "react"; import { Button, Checkbox, Form, Input,message } from "antd"; import {Link, useNavigate} from 'react-router-dom' import "./
阅读全文
摘要:修改 webpackDevServer.config.js proxy: { '/api': { target: '', // 后台服务地址以及端口号 changeOrigin: true, //是否跨域 pathRewrite: { '^/api': '/' } } }, 注册逻辑 import
阅读全文
摘要:import axios from 'axios' // 配置项 const axiosOption = { baseURL: ', timeout: 5000 } // 创建一个单例 const instance = axios.create(axiosOption); // 添加请求拦截器 in
阅读全文
摘要:import React from "react"; import { Button, Checkbox, Form, Input } from "antd"; import { Link, useNavigate } from "react-router-dom"; import "./less/
阅读全文
摘要:import React from "react"; import { Button, Checkbox, Form, Input } from "antd"; import {Link, useNavigate} from 'react-router-dom' import "./less/Log
阅读全文
摘要:login.jsx import React from "react"; import { Button, Checkbox, Form, Input } from "antd"; import "./less/Login.less"; import logoImg from "../assets/
阅读全文
摘要:warning: adding embedded git repository:xxxxxxxxxx hint: You've added another git repository inside your current repository. 删除git文件
阅读全文