![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
安装
教练我真的想敲代码
这个作者很懒,什么都没留下…
展开
-
168Vue-vue-table-with-tree-grid全局注册=141
main.js文件全局注册原创 2020-08-13 14:45:06 · 116 阅读 · 0 评论 -
159Vue工程化2-vue项目导入less-loader【在开发依赖中安装】+scoped原理
安装less,less-loader处理less文件其他的loader需要安装的东西可以参照154传送门原创 2020-08-11 14:35:03 · 404 阅读 · 0 评论 -
158Vue工程化2-cookie、session和token使用环境【待补全实现代码】
5.实现登录功能A.登录状态保持如果服务器和客户端同源,建议可以使用cookie或者session来保持登录状态如果客户端和服务器跨域了,建议使用token进行维持登录状态。B.登录逻辑:在登录页面输入账号和密码进行登录,将数据发送给服务器服务器返回登录的结果,登录成功则返回数据中带有token客户端得到token并进行保存,后续的请求都需要将此token发送给服务器,服务器会验证token以保证用户身份。...原创 2020-08-11 14:09:55 · 195 阅读 · 0 评论 -
157Vue工程化2-配置后台项目
安装phpStudy并导入mysql数据库数据验证导入是否完成B.安装nodeJS,配置后台项目,从终端打开后台项目vue_api_server然后在终端中输入命令安装项目依赖包:npm install安装nodejs见084C.使用postman测试api接口...原创 2020-08-11 13:09:51 · 128 阅读 · 0 评论 -
156Vue工程化2-前端项目初始化步骤【git公钥私钥】
添加链接描述2.项目初始化A.安装Vue脚手架B.通过脚手架创建项目C.配置路由D.配置Element-UI:在插件中安装,搜索vue-cli-plugin-element【abcd见155添加链接描述】E.配置Axios:在依赖中安装,搜索axios(运行依赖)F.初始化git仓库G.将本地项目托管到github或者码云中E 配置Axios:在依赖中安装,搜索axios(运行依赖)F.初始化git仓库...原创 2020-08-10 22:49:01 · 179 阅读 · 0 评论 -
155Vue工程化-webpack、Vue单文件组件+代码高亮+在webpack中使用vue+打包发布+脚手架vueui+opentrue自动打开浏览器+elementui+端口设置vue.confi
12.Vue单文件组件传统Vue组件的缺陷:全局定义的组件不能重名,字符串模板缺乏语法高亮,不支持css(当html和js组件化时,css没有参与其中)没有构建步骤限制,只能使用H5和ES5,不能使用预处理器(babel)解决方案:使用Vue单文件组件,每个单文件组件的后缀名都是.vue每一个Vue单文件组件都由三部分组成1).template组件组成的模板区域2).script组成的业务逻辑区域3).style样式区域代码如下:<template> 组件代码区域原创 2020-08-10 17:17:05 · 203 阅读 · 0 评论 -
154Vue工程化-webpack概念模块化支持,代码压缩混淆+基本使用+安装+打包入口出口+自动打包
6.webpack的概念webpack是一个流行的前端项目构建工具,可以解决目前web开发的困境。webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性7.webpack的基本使用A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令: npm init -yB.创建首页及js文件在项目目录中创建index.html页面,并初始化页面结构:在页面中摆放一个ul,ul里面放置几个li在项目目录中创建js文件夹,并在原创 2020-08-09 23:57:53 · 630 阅读 · 0 评论 -
153Vue工程化-ES6模块化规范+npx在NodeJS中安装babel+设置默认导入/导出export default,import
1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为:Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范: 1).使用require引入其他模块或者包 2).使用exports或者module.exports导出模块成原创 2020-08-09 18:11:24 · 559 阅读 · 0 评论 -
147Vue-axios设置请求根路径+axios超时、token+use请求拦截器
axios设置请求根路径import axios from 'axios'// 设置请求根路径axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head>原创 2020-08-08 18:23:42 · 658 阅读 · 0 评论 -
128Git
1. Git基础1.1 版本管理1.1.1 什么是版本管理版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zwHvZaXa-1596433421239)(assets/01.png)]1.1.2 人为维护文档版本的问题文档数量多且命名不清晰导致文档版本混乱每次编辑文档需要复制,不方便多人同时编辑同一个文档,容易产生覆盖[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直原创 2020-08-03 13:47:39 · 165 阅读 · 0 评论 -
124Ajax-同源非同源、CORS跨域资源共享、第三方request向其他服务器端发送请求
在服务器端做一些配置,服务器端允许你非同源访问你就可以访问,不允许你访问就不可以访问,不同于jsonp模拟ajax客户端不需要操作更改什么,正常ajax访问就可以两张方式1、html直接访问其他服务器端【需要Access-Control-Allow】2、html访问自家服务器端,由自家服务器端通过第三方request在发送请求到其他服务器【服务器之间请求不需要Access-Control-Allow】服务器端// 拦截所有请求app.use((req, res, next) => {原创 2020-08-02 21:31:02 · 193 阅读 · 0 评论 -
112Express-密码加密bcrypt、mongoose数据库连接、账号密码非写死、并判断当前环境为开发还是生产环境
数据库明文存储密码不安全bcrypt哈希加密是单程加密方式,只能加密不能解密 1234-abcd在加密的密码中加入随机字符串可以增加密码被破解的难度依赖的环境bcrypt依赖的其他环境python 2.x 安装完配置环境变量 【资源见上传资源】安装好后需要配置到环境变量中node-gypnpm install -g node-gypwindows-build-toolsnpm install --global --production windows-build-too原创 2020-07-30 23:24:51 · 322 阅读 · 0 评论 -
110Express-内置的express.static配置静态资源路径+express-art-template设置模板根目录、设置模板默认后缀+res.render渲染模板app.locals
express.static配置静态资源路径通过express内置的express.static可以方便的托管静态文件,例如img、css、js文件等const express = require('express');const path = require('path');const app = express();// 实现静态资源访问功能app.use(express.static(path.join(__dirname, 'public')))// 端口监听app.listen(原创 2020-07-30 15:26:01 · 630 阅读 · 0 评论 -
109Express-GET、POST参数获取(待补全post获取文件格式的)二进制文件指定上传地址formidable设置路径uploads
GET参数获取 req.queryexpress框架中使用req.query即可获得get参数,框架内部会将get参数转换为对象并返回接收地址栏中问号后面的参数例如http://localhost:3000/index?name=zhangsan&age=30const express = require('express')const app = express();app.get('/index', (req, res) => { console.log(req.que原创 2020-07-30 13:58:08 · 514 阅读 · 0 评论 -
107Express-Express框架下载+与原生的区别
express是一个基于node平台的web应用开发框架,他提供了一系列的强大特性,创建各种web应用下载npm install express特性将router是从这个里面抽取出来的1、提供了方便简洁的路由定义方式2、对获取http请求参数进行了简化处理【各种请求参数的处理很复杂、各种请求路径处理、路由等等】路由与老版区别参数处理区别...原创 2020-07-29 21:50:50 · 157 阅读 · 0 评论 -
106node-第三方模块router实现路由+serve-static配置静态资源路径
router使用步骤:npm install router1、获取路由对象2、调用路由对象提供的方法创建路由3、启动路由,是路由生效const gerRouter=require('router')const router=gerRouter();router.get('/add',(req,res)=>{ res.end('hello')})app.on('request',(req,res)=>{ //启用路由 router(req,res,()=>原创 2020-07-29 20:29:16 · 371 阅读 · 0 评论 -
105node-第三方模板引擎art-template设置模板根目录、设置模板默认后缀
设置模板根目录const template=require('art-template');// 设置模板的根目录template.defaults.root=path.join(__dirname,'文件夹根目录')设置模板默认后缀//设置模板默认后缀template.defaults.extname='.art'原创 2020-07-29 18:53:15 · 261 阅读 · 0 评论 -
104node-第三方模块art-template模板引擎+原生、标准模板语法+继承+配置dateformat
模板引擎是第三方模块—让开发者更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护下载1、npm install art-template 命令进行下载2、使用const template=require(‘art-template’)引入模板引擎3、告诉模板引擎要拼接的模板在哪 const html =template(‘模板路径’,数据)返回值就是拼接好的字符串// 导入模板引擎模块const template = require('art-template');// 将特定模板与原创 2020-07-29 18:42:25 · 255 阅读 · 0 评论 -
101node-MongoDB数据库导入数据
语法mongoimport -d数据库名称 -c 集合名称 --file 要导入的数据文件需要将命令所在的目录添加到环境变量中添加环境变量1、找到mongodb数据库的安装目录。将安装目录下的bin目录方式在path环境变量中C:\Program Files\MongoDB\Server\4.2\bin导入mongoimport --authenticationDatabase admin -u root -p root -d playground -c users1 --file ./原创 2020-07-29 12:17:05 · 108 阅读 · 0 评论 -
098node-第三方模块mongoose创建集合规则生成实例+增删改查
先引入mongoose连接数据库const mongoose = require('mongoose');// 使用mongoose提供的connect方法即可连接数据库mongoose.connect('mongodb://localhost/playground', { useUnifiedTopology: true, useNewUrlParser: true }) .then(() => console.log('连接成功')) .catch(err => c.原创 2020-07-28 22:02:22 · 350 阅读 · 0 评论 -
099node-MongoDB数据库添加账户
添加完注意登录时代码要加入账号密码–auth 加上之后没有账号密码就不能对数据库进行操作了 重点以系统管理员的方式运行powershell连接数据库 mongo查看数据库 show dbs切换到admin数据库 use admin创建超级管理员账户 db.createUser({user:‘用户名’,pwd:‘密码’,roles:[‘root’]}) 【超级管理员】切换到blog数据 use blog【blog是自己所新建的数据库根据需求改名字】创建普通账号原创 2020-07-28 21:18:37 · 182 阅读 · 0 评论 -
100node-数据库添加完管理员账户密码后的坑 --authenticationDatabase admin
1不能在使用安装默认的无账号密码登陆mongoose.connect('mongodb://localhost/playground', { useUnifiedTopology: true, useNewUrlParser: true }).then(() => console.log('连接成功')) .catch(err => console.log('失败', err))会报错compass也要输入账号密码才可以登陆2 ?authSource=admin的坑原创 2020-07-28 20:56:40 · 3360 阅读 · 0 评论 -
097node-第三方模块mongoose连接数据库
// Node.js通过第三方包Mongoose来操作MongoDB数据库!!!// npm install mongoose 命令下载启动MongoDB在命令行工具中运行 net start mongoDB 即可以启动MongoDBconst mongoose=require ('mongoose');// 使用mongoose提供的connect方法即可连接数据库mongoose.connect('mongodb://localhost/playground', { useUnifiedT原创 2020-07-28 19:28:18 · 120 阅读 · 0 评论 -
096MongDB-数据库下载安装、MongoDB Compass图形界面下载
下载数据库下载地址:https://www.mongodb.com/download-center/communityhttps://www.mongodb.com/try/download/enterprise下载MongoDB Compass图形界面https://www.mongodb.com/try/download/tools解压后双击会自动安装问题解决https://www.cnblogs.com/cangqinglang/p/10839486.html(很原创 2020-07-28 19:03:31 · 197 阅读 · 0 评论 -
093node-url系统模块处理GET请求地址、获取请求方式、请求报文
获取请求方式 req.method获取请求地址 req.url获取请求报文 req.headers系统模块url用于处理url地址// 用于处理url地址const url = require('url');原创 2020-07-27 22:26:24 · 163 阅读 · 0 评论 -
089node-第三方模块 npm、node_modules、package-lock.json、package.json
别人写好的具有特定功能的第三方模块,由于第三方模块通常都是有多个文件组成并且被放置在一个文件夹中,所以又名包// 两种存在形式// 以js文件的形式存在,提供实现项目具体功能的api接口// 以命令行工具形式存在。辅助项目开发npmjs.com 第三方模块的存储和分发仓库获取第三方模块npm :node的第三方模块管理工具(node已经集成好了不需要单独下载)下载:npm install 模块名称 (属于本地安装)默认下载到当前工作目录下本地安装(只有自己项目可以用------库文件经常原创 2020-07-27 13:11:09 · 163 阅读 · 0 评论 -
091node- Gulp项目上线HTML、CSS、JS文件压缩合并
Gulp能做什么将机械化操作编写成任务,想要执行机械化操作时执行一个命令行命令任务就能自动执行了1、项目上线HTML、CSS、JS文件压缩合并2、es6的语法转换3、公共文件抽离4、修改文件浏览器自动刷新如何下载使用1使用npm install gulp 下载gulp库文件(是库文件不加全局-g)2在项目根目录下建立gulpfile.js文件3重构项目的文件夹结构,src目录放置源代码文件、dist目录放置构建后文件4在gulpfile.js文件中编写任务5在命令行工具中执行gulp任原创 2020-07-27 15:06:30 · 201 阅读 · 0 评论 -
090node-第三方模块 nodemon下载 nrm切换国外下载地址
nodemon下载// nodemon是一个命令行工具,用以辅助项目开发// 在node.js每次修改文件都要在命令行中重新执行改文件,非常繁琐// npm install nodemon -g 下载 -g是全局安装// nodemon .\module-b.js 执行监控保存的文件// ctrl+c可以停止监控nrm切换国外下载地址nrm(npm registry manager):npm下载地址切换工具1使用npm install nrm -g 下载它2查询可用下载地址列表nrm原创 2020-07-27 13:23:31 · 239 阅读 · 0 评论 -
085node-shift+右键,没有“在此处打开命令窗口”选项
https://jingyan.baidu.com/article/636f38bb6871dcd6b84610c8.html原创 2020-07-27 11:36:59 · 289 阅读 · 0 评论 -
084node-node.js安装
下载地址https://nodejs.org/en/安装步骤验证是否安装成功安装失败问题解决12原因找到环境变量添加上即可原创 2020-07-27 11:20:21 · 94 阅读 · 0 评论