- 博客(234)
- 资源 (1)
- 收藏
- 关注
原创 基于Springboot+vue+elementUI+MySQL的学生信息管理系统(一)前端部分
源码在本人博客资源当中,本文为项目代码的详细介绍解释,供于大家学习使用Vue项目的入口文件:mian.js//vue项目入口文件//导入vueimport Vue from 'vue'//导入根组件appimport App from './App'//导入路由文件import router from './router'//导入ElementUIimport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/i
2023-08-14 11:48:04 1764
原创 react组件之间的通信
使用类组件时,如果写了构造函数,应该将props的值传递给super(),否则无法在构造函数中获取到props。3.兄弟组件通信:将共享状态提升到最近的公共父组件中,由公共父组件管理这个状态。props当中的值是只读属性的,不能进行修改。1.父组件给子组件传值需要使用props。
2023-04-30 00:50:59 127
原创 用vuex数据共享实现购物车功能
用Springboot查询这个数据表并返回数据。商品列表 ShopList.vue。购物车列表:ShopCarList。先在数据库中创建一个MySQL表。购物车:ShopCar。App.vue根组件。商品shop.vue。
2023-04-26 23:04:51 351
原创 MySQL逻辑删除
逻辑删除是指在不实际删除数据的情况下,将其状态标记为“已删除”,从而达到删除数据的效果的一种方式。在 MySQL 数据库中,如果你删除了某个表中的一条数据,它后面的所有数据的 ID 都需要减 1。这是因为在 MySQL 中,每当你往某个表中插入一条新数据时,数据库会为该数据分配一个自增 ID,而这个自增 ID 是连续递增的,也就是说后面的所有数据都会比前面的数据 ID 大 1。使用逻辑删除的好处在于,在需要恢复被删除的数据时,只需要将 is_deleted 字段的值设置为 0 即可恢复数据。
2023-04-22 10:50:11 1369
原创 用React+Springboot+MySQL实现一个简单的登录功能
在entity包下创建一个user类,对应数据库中的user表。在mapper包下新建UserRepository接口。在启动类上加入代码扫描数据表的接口。
2023-04-21 23:31:25 453
原创 webpack中devServer节点的使用
在webpack.config.js配置文件中,可以通过devServer节点对webpack-dev-server插件进行更多的配置,可以实现打包后自动打开html页面。
2022-11-30 14:01:08 275
原创 Vue路由导航守卫控制访问权限
import Vue from 'vue'import VueRouter from 'vue-router'import Login from '../components/Login.vue'Vue.use(VueRouter)const routes = [ { path:'/', redirect:'/login' }, { path:'/login', component:Login }]const router = new VueRoute
2022-06-01 10:50:29 230 1
原创 uniapp获取用户登录信息的实现
1.发起网络请求:https://uniapp.dcloud.net.cn/api/request/request.html示例:uni.request({ url: 'https://www.example.com/request', //仅为示例,并非真实接口地址。 method:'GET', data: { text: 'uni.request'//请求的参数 }, header: { 'custom-header': '
2022-05-05 10:28:19 3789 1
原创 使用node获取小程序全局唯一后台接口调用凭据
官网地址:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html可以先用客户端访问一下看看结果node代码request({ url: URL, method: 'GET', }, function(error, response, body) { console.log(body); })...
2022-05-04 21:44:45 315
原创 uniapp官网中好用的ui组件推荐
1.省市县地区选择器:https://ext.dcloud.net.cn/plugin?id=7065效果图:2.折叠面板:https://uniapp.dcloud.net.cn/component/uniui/uni-collapse.html3.级联选择器:https://uniapp.dcloud.net.cn/component/uniui/uni-data-picker.html效果如下:4.日期选择器:https://uniapp.dcloud.net.cn/compo
2022-05-02 16:23:03 5533 1
原创 用uniapp做电商项目时使用vuex实现数据的全局共享来做购物车页面
一.配置vuex:1.在项目根目录中创建store文件夹,专门用来存放vuex相关的模块2.在store目录中新建store.js文件3.在store.js初始化store的实例对象//1.导入Vue和Vueximport Vue from "vue";import Vuex from 'vuex';//2.将Vuex安装为Vue的插件Vue.use(Vuex);//3.创建store的实例对象const store = new Vuex.Store({ //挂载store模块
2022-04-28 15:50:25 3282 2
原创 uniapp出现__ob__: Observer对象的解决办法
ob: Observer可以使用JSON.parse(JSON.stringify())来转为json对象
2022-04-24 18:51:44 3905
原创 uniapp 开发时常用的功能
使用navigation返回上一页并且携带参数:uni.navigateTo({ url:'test/test?name='zhangsan'&age='16'' })使用navigateBack返回上一页并且携带参数let pages = getCurrentPages(); //获取所有页面栈实例列表let nowPage = pages[pages.length - 1]; //当前页页面实例let prevPage = pages[pages.length - 2];
2022-04-24 10:09:18 1311
原创 移动端自适应与响应式布局
处理html5标签兼容问题:html5shiv.min.js可以把高级标签转化为低级标签<!--[if lt IE 9]> <script src="./html5shiv.min.js" type="text/javascript" charset="utf-8"></script> <![endif]-->html5shiv.min.js/html5shiv.js下载地址:https://www.dbmng.com/art-1661.ht
2022-04-22 10:03:20 157
原创 node根据文字生成图片
思路:文字转svg,svg转png需要引入两个依赖:npm i text-to-svg 文字转svgnpm i svg2png svg转png图片
2022-04-18 11:11:28 1276
原创 使用node生成验证码图片,并进行验证
首先安装依赖:npm i svg-captchaconst express = require('express')const svgCaptcha = require('svg-captcha')const app = express()app.all("*",function(req,res,next){ //设置允许跨域的域名,*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型
2022-04-17 21:47:54 1098
原创 Springboot应用的打包和部署(Jar、War)
传统的Web应用进行打包部署时,通常会打成War包的形式,然后将War包部署到Tomcat等服务器中,而Springboot应用使用的是嵌入式Servlet容器,也就是说Springboot应用默认是以Jar包形式进行打包部署的。Jar包方式打包部署:1.添加Maven打包插件: <build> <plugins> <plugin> <groupId>org.springfra
2022-04-16 16:33:54 5625 1
原创 Springboot实现文件的上传以及下载
编写test.html模板:<!DOCTYPE html><html lang="zh" xmlns="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compat
2022-04-15 21:19:49 1512
原创 node express框架实现下载文件功能
const fs = require('fs')const express = require('express');const app = express();const path = require('path');app.all("*",function(req,res,next){ //设置允许跨域的域名,*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin","*"); //允许的header类型 res.header("
2022-04-15 11:16:17 1022
原创 uniapp框架组件、props对组件传值、对组件绑定事件的使用、子组件给父组件传值
新建组件的方式,在components目录下新建组件,然后就能在pages页面当中直接使用该组件test.vue<template> <view> test </view></template><script> export default { name:"test", data() { return { }; } }</script><style lang="scs
2022-04-14 21:56:20 8231
原创 微信小程序uniapp框架使用getSystemInfoSync()函数获取当前设备的一些信息
`Home`screenHeight表示手机的总高度windowHeight表示去除上下边的导航栏剩余的高度(可使用的高度)
2022-04-14 13:41:40 2670
原创 2022年最新前端面试题大全
js面试题1、js数据类型基本数据类型Number、String、Boolean、Null、Undefined、Symbol、bigInt引用数据类型object、Array、Date、Function、RegExp2、js变量和函数声明的提升在js中变量和函数的声明会提升到最顶部执行函数的提升高于变量的提升函数内部如果用 var 声明了相同名称的外部变量,函数将不再向上寻找。匿名函数不会提升。3、闭包闭包就是能够读取其他函数内部变量的函数闭包基本上就是一个函数内部返回一个函数好
2022-04-13 21:57:35 934 2
原创 微信小程序uniapp框架使用网络请求
nuiapp配置网络请求:由于平台的限制,小程序项目中不支持axios,而且原生的wx.request()API功能较为简单,不支持拦截器等全局定制的功能,因此,建议在uniapp项目中使用@escook/request-miniprogrom第三方包发起网络数据请求下载依赖:npm install @escook/request-miniprogram//在main.js当中按需导入 $http 对象import { $http } from '@escook/request-miniprogr
2022-04-12 20:09:34 1518
原创 nui-app框架开发微信小程序--配置文件篇
首先安装scss/sass编庠官网:https://ext.dcloud.net.cn/plugin?name=compile-node-sass把nuiapp项目运行到微信小程序当中:1.选择项目下的manifest.json文件,把微信开发者工具当中的微信小程序AppID填写进去2.在Hbuilder中配置微信开发者工具的安装路径:3.打开微信开发者工具当中设置的安全设置开启服务端口4.运行项目...
2022-04-12 14:53:45 454
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人