随笔分类 - Java Web
摘要：简介 SprintBoot是一款快速开发框架，能够帮助我们快速整合第三方框架 不同于SSM项目繁琐的xml配置，SpintBoot去除了xml配置 全部采用注解化的方式配置 内嵌Tomcat，运行就会启动Tomcat。不需要打包成war包再启动Tomcat SpringBoot框架默认的情况下spr
阅读全文
摘要：项目开发过程 初始源码 Egg ####数据库sql clazz表 SET NAMES utf8mb4; SET FOREIGN_KEY_CHECKS = 0; -- -- Table structure for clazz -- DROP TABLE IF EXISTS `clazz`; CREA
阅读全文
摘要：service代替controller操作数据库，使controller更加简洁 controller只需要接收前端的数据和返回响应的内容 定义service 在app目录中新建service目录再创建student.js const Service = require('egg').Service
阅读全文
摘要：说人话就是把数据扔到数据库中 对象关系映射ORM 安装sequelize 安装两个插件 cnpm install egg-sequelize mysql2 引入插件 plugin.js sequelize: { enable: true, package: 'egg-sequelize' }, 配置
阅读全文
摘要：egg是一个基于koa的框架，中间件是一个函数，在请求与响应之间执行。 上篇博客的登录验证中，获取数据需要校验token，而token校验是写在controller里的。如果代码多起来，很多操作都需要校验token 每个controller都写个校验token的语句就比较繁琐。所以用中间件来完成请求
阅读全文
摘要：Element Plus是基于vue3的UI框架 官网 https://element-plus.gitee.io/zh-CN/ 安装 cnpm install element-plus --save 查看package.json 导入 在main.js中加入 import ElementPlus
阅读全文
摘要：http是一个无状态协议，比如无法识别用户，保持登录状态 服务器识别用户 使用session识别用户 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co
阅读全文
摘要：egg-view-nunjucks 安装 cnpm install egg-view-nunjucks plugin.js中引入插件 nunjucks: { enable: true, package: 'egg-view-nunjucks', } config.default.js中配置插件 co
阅读全文
摘要：MVC概述 Egg中的控制器controller fruits.js const Controller = require("egg").Controller;//引入Controller类 class FruitsController extends Controller { async inde
阅读全文
摘要：Egg是用来操作后端的，适合前端开发人员了解后端的一些概念，便于用js一种语言实现前后端。现在后端更多用java和php来实现。 Egg项目初始化 cnpm init egg --type=simple 再安装依赖 cnpm install 启动项目 npm run dev Egg项目结构 只关注a
阅读全文
摘要：选项api 选项api就是把一个个属性如data，method等，作为选项把内容传给组件的对象里 App.vue <template> <h1>{{ title }}</h1> <button @click="changeTitle">变换</button> </template> <script>
阅读全文
摘要：路由基础（页面跳转） 下载vue-router,vue3对应的版本是4 cnpm install vue-router@4 启动项目 npm run dev run dev的由来 组件Home、Blog router.js import { createRouter,createWebHashHis
阅读全文
摘要：单文件组件 创建项目 在cmd输入 npm init vite-app vue3_demo vue3_demo是文件夹名（项目名） 在vscode中打开，开发项目写代码都在src目录下面写 再进入项目中下载依赖 npm intall .vue就是单文件组件 运行项目 npm run dev 组件化开
阅读全文
摘要：加载或刷新页面时直接获取焦点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
阅读全文
摘要：组件就像一个功能比较强大的标签，也可以理解成一个功能模块。 创建组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"
阅读全文
摘要：hello world <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：同源策略 ajax不能在不同源的情况下获取数据 jsonp原理 启动服务 使用jQuery的jsonp 3000项目的server.js const Koa = require("koa"); const router = require("koa-router")(); const jsonp =
阅读全文
摘要：Axios 下载 cnpm install axios Axios的常用方法 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" co
阅读全文
摘要：概述 Ajax原理 server.js const Koa = require("koa"); const router = require("koa-router")(); const views = require("koa-views"); const nunjucks = require("
阅读全文
摘要：请求的常用方法 这四种请求方法仅仅只是发送了请求而已，具体的功能还是要通过具体的代码来实现 http协议的状态码 用postman请求常用方法 get请求 post请求 put请求 id=1，苹果香蕉鸭梨变成了苹果草莓鸭梨 delete请求 苹果草莓鸭梨变成了苹果鸭梨 server.js const
阅读全文
浙公网安备 33010602011771号