- 博客(69)
- 资源 (1)
- 收藏
- 关注
原创 毕设-社区志愿者管理系统(小程序+pc端)
本社区志愿者管理平台后端以SpringBoot作为框架,前端以Vue框架,小程序采用B/S模式及MySql作为后台运行的数据库,同时使用Tomcat作为系统的服务器。本系统主要包括志愿者首页、社区志愿者个人中心、志愿者管理、活动类型管理、活动信息管理、活动报名管理、活动通知管理、活动心得管理、交流反馈、系统管理、留言板等功能,通过这些功能的实现基本能够满足日常社区志愿者管理的操作。
2023-11-30 10:52:02
713
原创 Echarts大屏-数据可视化
使用原生html+javascript实现大屏展示,较为麻烦的为边框的四个小角使用伪元素生成,其余echarts使用如下。
2023-11-29 13:16:37
1072
原创 React状态管理器
(1)store/modules文件夹子目录如上api文件夹如上,修改入口文件如上 APP.jsx如上。(1)创建store文件夹,内置modules文件夹,创建home.js和kind.js。(2)修改index.js文件 订阅数据的变化,重新渲染视图 导入Provider组件。(1)创建store文件夹下index.js 创建状态管理器。(2)入口文件配置如上 ,api文件如上,App.jsX如上。(1)创建store文件夹,modules文件夹。(1)创建store文件夹index.js。
2022-10-24 09:15:00
1155
原创 Vuex的基础
1、Vuex的由来(1)大多数场景下的组件并不是独立存在的,而是相互协作共同构成一个复杂的业务流程(2)组件中的通信成为了必不可少的开发需求父------->子 props子------->父 $emit兄弟------->兄弟 eventBus---->公共$emit孙子-------->爷爷 非关系型组件 vuex2、V...
2022-05-16 15:29:29
344
原创 Vue+ElmentUI+nodejs实现外卖管理系统
项目描述:此项目采用nodejs+vue+elmentui开发的外卖管理系统技术栈:nodejs vue elmentui axios echarts等数据库:MySQL开发工具:vscode项目介绍 系统角色:系统管理员,普通管理员 后端服务器地址:http://127.0.0.1:5000/后端启动命令:yarn start 主要功能: 账号管理.........
2022-05-13 21:53:34
4531
3
原创 bus总线程传值
原生的vue传值父子传值,伪兄弟传值(通过父元素)为了解决页面较复杂的情况下跨多级传值,vue推出了第二种传值方式bus(跨组件传值)使用:(1)创建全局bus用来跨级传值Vue.prototype.$bus =new Vue();(2)发出通知this.$bus.$emit("事件名");(3)在被通知的组件监听自定义事件 this.$bus.$on("事件名",()=>{})...
2022-04-27 20:33:41
431
原创 Vue结合Element ui实现分页
页面结构(分页组件-element UI官网)<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage" :page-sizes="[5, 10, 15, 20]" :page-size="pageSize" layout="total, sizes, prev
2022-04-21 13:32:18
1435
原创 Vue路由拦截
apis.js 验证tokenexport var checktoken=(token)=>axios.get("/users/checktoken",{params:{token}})index.js 路由拦截// 切换路由之前 导航守卫 路由拦截router.beforeEach((to, from, next) => { //只要不是默认登录 都开启路由验证 if (to.path != '/' ) { //验证用户是否登录 token che.
2022-04-19 08:45:00
968
1
原创 Vue纯数据驱动实现后台管理系统权限控制
页面结构行为交互效果展示权限: 根据不同的用户组, 来展示不同的功能(动态树菜单)核心: 判断用户组, 对界面树菜单选项卡进行增删页面结构<div v-for="item in powerarr" :key="item.url"> <el-menu-item :index="item.url" v-if="!item.children"> <i :class="item.icon"></i>
2022-04-18 09:00:00
329
原创 TOKEN身份验证令牌
目录1、作用2、使用场景3、token原理4、示例1、作用一般用来验证用户是否还在有效登录时间,属于服务器端技术,保存在服务器中2、使用场景很多网站会保存一定时间的用户登录状态(解决登录安全问题,一般不会永久保存)3、token原理(1)当用户登录成功时,服务器会在内存中创建一个有时效性的token(2)随本次响应,将此用户的token返回客户端(3)浏览器把token存储在本地...
2022-04-17 11:36:41
623
原创 Vue入门
1、Vue介绍1.1 Vue是什么?构建用户界面的js库,数据驱动的渐进式框架,Vue.js通过简单的API响应数据绑定和组合的视图组件化开发,基于MVVM模式,快速创建用户界面Vue作者前Google员工尤雨溪1.2 Vue历史2013发布草案版本2015发布1.0版本2016发布2.0版本 ...
2022-04-14 21:45:39
943
原创 Webpack模块化打包工具
1、模块回顾1.1 什么是模块化模块:一个封装起来有独立功能的部分模块化是一种WEB应用分离成多个模块(独立功能部分)的方法,可将系统分割成独立的功能部分,严格定义模块接口,模块间具有透明性 为什么要有模块化? 解决早期团队项目的变量污染 1.2 模块的实现方式 1.2.1 comm...
2022-03-19 16:34:49
1389
原创 p2p金融借贷平台
1,项目所用技术前端:html/css/jquery/ajax/bootstrap/less/gulp/echarts/svn后端:php/mysql2,搭建项目工程目录3,下载第三方库
2022-03-15 21:55:11
2422
1
原创 自动化构建工具gulp
1,gulp是什么? 自动构建工具,将重复的工作自动化,例如:编译less,压缩css,压缩js等等 2,为什么要学习gulp?(1)重复工作自动化(2)少部分公司使用,看懂gulpfile.js3,使用gulp 3.1 安装...
2022-03-07 20:51:39
995
原创 SVN版本控制
1,SVN版本控制1.1 项目协作开发面临的问题(1)多人协作代码放哪(FTP,SVN集中式,GIT分布式)(2)代码出现冲突(3)代码整合期间遇到bug等1.2 SVN与GIT概念 1,SVN(集中式版本控制):必须联网(局域网,互联网),服务器固定在某一台电脑上,所有开发人员统一提交 2, ...
2022-02-19 17:47:38
3238
原创 Less
目录1,Less是什么?2,为什么学习less?3,编译less4,less的嵌套5,less定义变量6,less函数1,Less是什么?1, less是css的预处理语言,less增强和扩展了原生css。2,less本身是不能直接使用的,必须把它编译成css2,为什么学习less?less写出来的css好维护3,编译less1,Vscode下载插件Easy Less2,设...
2022-02-18 09:00:00
112
原创 JavaScript高阶
1,作用域与函数进阶1.1 执行环境关联着变量对象 (1)执行环境关联着一个变量对象,变量对象里面存储着我们声明的变量以及函数 (2)全局执行环境 window对象1.2 执行环境栈 (1)当代码在函数中执行,函数也有执行环境,环境被推入执行环境栈中 (2)栈 :存放数据的容器,先入后出。应用运行期间全局环境变量window不会被销毁...
2022-02-16 17:50:45
3706
4
原创 正则表达式
1,什么是正则表达式一种字符串匹配的模式,通常被用来检索、替换某个模式的文本2,正则表达式作用?(1)检查字符串是否合法(2)提取字符串中的信息(3)替换字符串3,正则表达式的使用3.1 定义方式(1)使用new字符实例化正则表达式let reg=new RegExp("字符串",i/m/g)(2)使用字面量(推荐) let reg=/规则/g;3.2 正则表达...
2022-02-11 10:57:05
255
原创 Ajax基础
1,Ajax介绍1.1 什么是AjaxAJAX不是一种新的编程语言,而是一种用于创建更好更快以及交互性更强的 Web 应用程序的技术。它是一套综合了多项技术的浏览器端网页开发技术。这些技术包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest.通过在浏览器与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。 1.2 Ajax优...
2022-02-07 15:00:05
1198
原创 Express框架
1,Express介绍1.1 介绍Express是基于 node.js的一个web服务器框架,它可以帮助你快速创建一个web+ 移动端 各类项目服务器1.2 服务器的作用 (1)存放站点网站,响应网页给请求的用户浏览器 (2)提供数据接口,给客户端AJAX进行数据响应 2,Express安装和使用2.1 express-generator(1)安装exp...
2022-02-05 12:35:07
2445
原创 HTTP协议
目录1, http协议的概念以及作用2,http协议约束了什么?3,http交互特点4,http响应状态码5,http响应不同的数据类型6,打开浏览器,输入网址,发生了什么?(面试题)1, http协议的概念以及作用http是超文本传输协议(应用层协议),定义web浏览器与web服务器至今交换数据(请求响应)2,http协议约束了什么?(1)浏览器以何种方式向服务器发送/接收数据(2)服务器以何种方式来接受/响应客户...
2022-02-04 09:00:00
214
原创 nodejs顶级内置模块
一,fs文件基本操作1.1 fs文件的读取1,引入nodejs内置fs模块var fs=require("fs");2,异步读取(参数一(读取的文件名),参数二(读取后的回调函数))fs.readFile('文件名',function(err,data){ //读取出错 if(er...
2022-02-03 19:38:16
725
原创 JavaScript基础语法
1,JavaScript简介1.1 什么是JavaScript?基于对象和时间驱动,并且具有相对安全的解释型的客户端脚本语言目前所学原生js 为ECMAScript(ES5) 实际使用最多的为ES61.2 为什么要学JavaScript?1,网页离不开js 2,主流浏览器都支持js3,在网页中...
2022-02-02 20:36:19
5104
原创 JavaScript实现字符串反转
利用let str = prompt(“请输入任意字符”,"”)可以获取用户输入的字符(存到变量str中了) ,试编程将用户输入的字符“反转顺序”并首尾字母转为大写,其他字母转为小写后输出来。<script> //输入字符串 let str=prompt("请输入任意字符"); //将输入字符全部转换为小写 str=str.toLowerCase(); console.log(str); //将字符串转换为数组并且分割字符串 let
2022-01-31 13:10:34
943
原创 HTML/CSS网页制作-----家居网
目录网页优化HTML部分代码css部分代码效果展示网页优化 1, 抽取css公共样式 2, 制作成模板页(母版页) 目的:减少后期其他页面的代码复制,建议把首页制作完成后,另存为一个模板页,保留相同的部分3,网页页面分级说明(面试可能会问) 一级页面:首页 新闻和产品的封面页 二级页面:网站中的各种列表页(新闻列表,产品列表)...
2022-01-22 11:47:58
14306
19
原创 css蒙板层制作
html <div class="leftbox "> <div> <img src="images/pic01.jpg" alt=""> <!-- 蒙板 --> <div class="mask1"></div>
2022-01-21 09:25:18
1660
原创 纯css实现子菜单制作
步骤1 子绝父相(子菜单绝对定位 父菜单相对定位)步骤2隐藏子菜单步骤3hover到子菜单的父级li标签,使里面的子菜单显示出来 <div class="menu"> <div class="container"> <img src="images/logo.png" alt="" class="logo"> <...
2022-01-19 11:42:25
1060
原创 css组件思想
目录一,早期前端面临的问题二,原理三,作用四,技术一,早期前端面临的问题1,选择器冗余繁琐2,命名冲突3,层次结构不清楚4,代码难以复用二,原理 将整个网页看成由多个小部件组成,每一个部件都是一个组件,网页都是由小部件合成出来的三,作用减少css代码的冗余四,技术#header .top .left{ color: white;}#head...
2022-01-18 18:33:39
519
原创 Node.Js入门与模块
目录一,NodeJs介绍1.1 简单介绍1.2 NodeJs优点二,NodeJs准备工作 2.1 nodejs安装 2.2 dos命令(掌握) 2.3 node运行js 2.4 vscode打开终端 2.5 js规范三,NodeJs模块和NPM 3.1,node模块的导入和导出 3.2,注意事项 3.3,导入模块的...
2022-01-17 18:51:27
647
原创 css从入门到深入理解
一,css入门知识1.1 web标准不是一个标准,是一系列标准 网页组成部分:内容(所有东西),结构(使内容更加清晰),变现(使网页更加美观),行为(网页和用户的交互) 结构标准:HTML,XHTML,XML 表现标准:css 行为标准:JavaScript web标准制定的目的:为了让同一个页面在不同的浏览器或者终端设备看到的效果一致1.2什么是css Cascading ...
2021-12-27 09:00:00
1744
1
原创 前端需要了解的PS相关操作
1,ps的认识 ps:Photoshop,一款图形处理软件 ps界面回到原始布局: 窗口-工作区-复位基本功能 ps源文件格式.psd为后缀2,新建文件文件-新建(ctrl+N) 标准网页尺寸:1920*1080像素(px) 打印分辨率300 其余723,图层:上面的覆盖下面的 图层—新建图层(ctrl+shift+...
2021-12-26 14:51:38
475
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人