- 博客(27)
- 收藏
- 关注
RSS订阅原创 Java的关键字和保留字
记录一下Java的关键字和保留字关键字被java语言赋予了特殊含义用做专门用途的字符串保留字现有Java版本尚未使用，但以后版本可能会作为关键字使 用。自己命名标识符时要避免使用这些保留字 goto 、const关键字含义private一种访问控制方式：私用模式protected一种访问控制方式：保护模式public一种访问控制方式：共用模式abstract表明类或者成员方法具有抽象属性class类extends表明一个类型是另一个
2022-05-11 11:39:12
337
原创 Vue3+vite封装svg
Vue3+vite封装svgVue文件在main.js中引入SvgIcon组件写个插件创建文件svgBuilder.js插件代码使用插件使用SvgIcon组件代码效果Vue文件src/components/svgIcon/SvgIcon.vue<template> <svg :class="svgClass" v-bind="$attrs" :style="{width,height,color}"> <use :href="svgName"></
2022-04-11 13:06:14
1421
原创 小程序自定义导航栏适配
小程序自定义导航栏适配1、页面JSON配置2、高度计算3、nav.js代码4、nav.wxml代码5、nav.wxss代码6、wxml页面使用1、页面JSON配置由于微信小程序自带的导航栏不能够完全满足开发的需求，所以需要使用自定义导航栏，因此记录一下，以便以后使用{ "usingComponents": { "my-nav": "/components/nav/nav" }, "navigationStyle": "custom"}2、高度计算由于IOS的导航栏和安卓
2021-10-13 11:10:16
527
原创 vue实现base64数据流导出pdf的方法
vue实现base64数据流导出pdf的方法项目中有用到记录一下// pdfbase为base64的数据流// 数据格式：data:application/pdf;filename=generated.pdf;base64,JVBERi0xLjMKJbrfrOAKMyAwIG9iago....const imgUrl = this.pdfbase const a = document.createElement('a') a.href = imgUrl a.set
2021-01-06 10:18:33
1063
2
原创 vue实现把html转成PDF文件
vue实现把html转成PDF文件安装直接上代码使用安装jspdf npm install jspdf --savehtml2canvas npm install html2canvas --save直接上代码// 导出页面为PDF格式import html2Canvas from 'html2canvas'import JsPDF from 'jspdf'// 将导出方法挂载到全局export default { install(Vue, options) { Vue.pr
2021-01-06 10:11:50
2574
1
原创 Vue导入bootstrap
1、安装插件npm install jquery --savenpm install bootstrap --save2、在根目录中添加文件vue.config.js，然后进行如下配置（可以跳过这一步）const webpack = require('webpack')module.exports = { configureWebpack: { plugins: [ new webpack.ProvidePlugin({ $: "jquery",
2020-11-05 10:19:08
268
原创 Vue导出excel表格
// 安装插件npm install js-table2excel//导入插件import table2excel from 'js-table2excel'js-table2excel是通过数据进行打印的所有需要先获取要打印的数据// 这边是一个数据格式模板，具体数据可以通过查询数据库获得 tableData: [{ user_name: null, user_school: null, user_grade: null, u
2020-11-04 09:28:04
212
1
原创 MongoDB索引、聚合、管道
目录MongoDB索引MongoDB聚合MongoDB管道MongoDB索引索引通常能够极大的提高查询的效率，如果没有索引，MongoDB在读取数据时必须扫描集合中的每个文件并选取那些符合查询条件的记录。createIndex() 方法MongoDB使用 createIndex() 方法来创建索引。语法：db.collection.createIndex(keys, options)’db.users.createIndex({name:1}) //创建索引db.users.getIndexe
2020-08-25 16:13:08
238
原创 MongoDB的limit、skip、sort方法
MongoDB的limit、skip、sort方法 MongoDB Limit() 方法MongoDB Skip() 方法MongoDB sort() 方法MongoDB Limit() 方法如果你需要在MongoDB中读取指定数量的数据记录，可以使用MongoDB的Limit方法，limit()方法接受一个数字参数，该参数指定从MongoDB中读取的记录条数。imit()方法基本语法：db.COLLECTION_NAME.find().limit(NUMBER) db.users.find().l
2020-08-25 11:14:57
456
原创 MongoDB的增删改查
MongoDB的增删改查增向集合插入一个新文档`db.collection.insertOne() `向集合插入一个多个文档`db.collection.insertMany()`查1、查询全部2、按条件查询等于 , 大于 , 小于等于 , 大于等于 ,等于， 不等于AND 条件OR 条件AND 和 OR 联合使用改update() 方法save()方法删增向集合插入一个新文档db.collection.insertOne()db.collection.insertOne(// collection
2020-08-24 18:22:58
1989
原创 Windows MongoDB的安装与使用（配合Navicat premium）
MongoDB+Studio 3T的安装与使用MongoDB的安装官网地址选择安装包安装流程MongoDB的使用（配合 Navicat premium）启动MongoDB服务Navicat premium使用MongoDB流程使用测试插入查询修改删除MongoDB的安装官网地址MongoDB官网地址选择安装包安装流程1、双击2、选择Custom自定义安装3、修改安装路径，然后点击next4、点击next5、取消选择，点击next6、等待安装完成MongoDB的使用（配合 Na
2020-08-24 12:04:54
1136
原创 Vue+jsonwebtoken+express-jwt实现登录验证
Vue+jsonwebtoken+express-jwt实现登录验证express中的使用安装express-jwt `npm install express-jwt`配置express-jwt安装jsonwebtoken `npm install jsonwebtoken`jsonwebtoken使用验证失败的设置其余的配置Vue中的使用首先封装一个设置cookie的代码cookie.jsaxios的请求拦截和配置api接口代码（示例）Vue请求接口的代码express中的使用安装express-jw
2020-08-17 20:11:05
2152
原创 Vue+express+Socket实现聊天功能
Vue+express+Socket实现聊天功能实现聊天功能具体功能界面截图项目准备前端 socket安装导入后台socket安装导入项目实现Vue代码HTMl代码js代码express代码后台代码封装实现聊天功能具体功能具体功能只是为了实现功能，不对界面进行美化1、输入消息点击发送所有用户可以在下方收到消息2、输入userid后点击连接，可以连接对应的聊天，另外一个界面输入刚刚那个页面的userid后再输入内容点击发送给指定的人，则刚才那个页面可以打印输出，而其他页面不会收到，实现私聊的功
2020-08-11 15:28:28
1033
原创 Vue + express + multer实现注册的时候上传图片
Vue + express + multer实现注册上传图片前端部分界面显示图片部分的代码Vue html部分代码Vue js部分代码后台部分multer的安装安装`npm install multer -save`使用项目使用elementUI框架，重点实现图片上传前端部分界面显示图片部分的代码Vue html部分代码<template> <div class="container"> <div class="form-container
2020-08-11 10:18:42
425
原创 使用Sequelize的进行数据的增删改查
使用Sequelize的进行数据的增删改查1、初始化项目2、引用Sequelize1)连接数据库2)创建模型3)views下创建user.html文件4）修改app.js的模板引擎5)调用Sequelize进行查找数据库6)运行项目就可以看到所查询的数据了查：（根据用户名查询）1）html文件中添加查询的模块2）修改users.js中的代码增：1）html文件中增加模块2）user.js中 添加路由改：1）html文件中增加模块2）user.js中 添加路由删：1）html文件中增加模块2）user.js中
2020-08-04 15:51:14
2915
原创 express-日志、开发环境、生产环境
express-日志、开发环境、生产环境为了记录在开发的过程以及项目使用过程中的操作，通常会使用日志记录用户操作express脚手架搭建看这里日志的使用express-日志、开发环境、生产环境日志打印日志将log写入文件中1、使用fs进行文件写入2、使用插件file-stream-rotator进行文件写入安装插件引用插件写入文件封装log代码封装准备logger.js代码app.js的部分代码生产环境和开发环境环境配置打印当前环境根据当前环境判断是将日志保存到文件还是打印在控制台上日志由于使用的
2020-07-31 17:07:07
3122
原创 express-脚手架的搭建
express脚手架的搭建如果每次创建express项目都需要进行项目的配置已经插件的安装比较麻烦，所以使用脚手架对express进行配置脚手架的安装express脚手架的搭建安装生成器创建项目安装依赖包创建成功后的代码结构app.js中的代码启动项目设置保存后自动重新运行项目安装nodemon在package.json中加入配置启动项目安装生成器npm install express-generator -g创建项目express express-scaffold安装依赖包cd exp
2020-07-31 16:22:11
1464
原创 使用express实现登录注册
使用express实现登录注册使用express实现一个简易的登录注册，（使用session保存登录状态）登录注册使用express实现登录注册项目代码结构项目使用到的插件package.json项目准备页面显示注册页面页面界面展示代码登录页界面面展示代码登陆后的页面界面展示代码后台代码入口函数代码路由代码user.js的代码数据库表项目代码结构项目使用到的插件package.json{ "name": "4express-login", "version": "1.0.0", "d
2020-07-15 16:20:24
4865
3
原创 使用express+mysql实现一个简易的学生管理系统
使用express实现一个简易的学生管理系统使用express实现一个简易的学生管理系统，增删改查学生数据（使用express+mysql进行数据的增删改查）学生管理系统使用express实现一个简易的学生管理系统项目代码结构项目使用到的插件package.json项目准备页面显示首页界面展示代码添加学生页界面展示代码修改页界面展示代码后台代码入口函数代码路由代码student.js的代码项目代码结构项目使用到的插件package.json{ "name": "3express-studen
2020-07-14 16:40:33
629
原创 使用express实现一个简易的学生管理系统(使用文件存储)
使用express实现一个简易的学生管理系统使用express实现一个简易的学生管理系统，增删改查学生数据（使用的是文件存储学生数据，之后还会使用mysql进行存储）学生管理系统使用express实现一个简易的学生管理系统项目代码结构项目使用到的插件package.json项目准备页面显示首页界面展示代码添加学生页界面展示代码修改页界面展示代码后台代码db.json数据(存放初始数据)入口函数代码路由代码student.js的代码项目代码结构项目使用到的插件package.json{ "na
2020-07-14 11:00:30
775
1
原创 MySql安装，starting the server报错
MySql安装，starting the server报错报错如下进入服务启动mysql，报错1053解决方法1.进入计算机管理win+r 输入compmgmt.msc，回车2.修改用户组属性计算机->管理->本地用户和组->组-> 双击Administrators3.添加网络服务权限点击添加->输入NETWORK SERVICE->点击检查名称->确认4.最终结果如下5.点击execute即可成功启动服务...
2020-07-09 18:12:14
4020
21
原创 express封装路由
express封装路由将路由模块的代码单独封装到router.js中，然后在入口函数调用 在项目内创建一个router.js文件 router.js的代码const fs = require('fs')const express = require('express')// const Student = require('./student')// 创建路由容器const router = express.Router()// 挂载路由router.get
2020-07-08 14:36:12
946
原创 Express项目的创建和初步使用
Express1、初始化 生成package.json文件 【npm init】 安装express，使用命令【npm install express】2、修改完代码自动启动 第三方工具【nodemon】，基于nodejs开发的第三方命令行工具，使用的时候需要独立安装 npm install nodemon -g node xxx.js 启动 ——> nodemon xxx.js// 1、引入expressconst express = require(
2020-07-05 12:24:59
263
原创 Vue上传本地到后台，后台接收图片数据
Vue上传文件通过input使用自定义按钮上传本地图片到服务器上，写学校项目的时候有用到，记录一下免得以后忘记前端代码//上传按钮<div class="btn_select" @click="selectLoadImg"> <div> 点击选择需要上传的图片 <input type="file" name="file" accept="image/*" @change="changeImage()" ref="avatarInput" style
2020-07-02 15:54:27
5426
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人