草庐IT

Vue-Instant

全部标签

基于springBoot + Vue电影售票系统分前后台【完整源码+数据库】

一、项目简介本项目是一套基于springBoot+Vue的电影售票系统,主要针对计算机相关专业的正在做bishe的学生和需要项目实战练习的Java学习者。包含:项目源码、数据库脚本等,该项目可以直接作为bishe使用。项目都经过严格调试,确保可以运行!二、技术实现后端:SpringBoot+Mysql+MyBatis+maven前端:Vue+Element-UI数据库:mysql5.5及以上版本开发工具:jdk8,idea或者eclipse,Navicat三、角色说明本系统有四个角色,分别为超级管理员、管理员、影院负责人、普通用户。超级管理员具有除影院负责人独有功能外的所有权限;管理员可以使用

vue+hls.js播放hls视频,踩坑记录

1.需求概览需要在管理后台查看直播历史视频,历史视频为hls流视频,格式为http://xxxxxxxx.m3u82.界面展示原型2.封装hls组件exportdefault{name:"HlsVideo",props:{url:{type:String,src:""},dpi:{type:Array,default:[400,300]},autoplay:{type:Boolean,default:false}},data(){return{hlsVideo:'',hlsVideoId:null};},methods:{//随机IDgenerateRandomString(){letresu

基于Java+Vue+uniapp微信小程序国产动漫论坛系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

springboot+vue基本微信小程序的快递收发小程序

项目介绍随着Internet的发展,人们的日常生活已经离不开网络。未来人们的生活与工作将变得越来越数字化、网络化和电子化。本文以实际运用为开发背景,运用软件工程原理和开发方法,它主要是采用java语言技术、springboot框架和微信小程序来完成对系统的设计。整个开发过程首先对快递代收发系统小程序进行需求分析,得出快递代收发系统小程序主要功能。接着对快递代收发系统小程序进行总体设计和详细设计。总体设计主要包括小程序功能设计、小程序总体结构设计、小程序数据结构设计和小程序安全设计等;详细设计主要包括快递代收发系统小程序数据库访问的实现,主要功能模块的具体实现,模块实现关键代码等。最后对快递代收

基于Java+Vue+uniapp微信小程序社区超市管理系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:如今的信息时代,对信息的共享性,信

Vue报错:may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore

项目运行时,报错Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable*/toignoreallwarningsinafile.解决办法方法一找到项目根目录下的bulid文件夹下的webpack.base.conf.js,找到以下代码块并注释掉第三行代码module:{rules:[...(config.dev.useEslint?[createLintingRule()]:[]),//注释掉该行代码{test:/\.vu

Vue3 setup以及setup语法糖的基本使用

setup什么时候执行setup用来写组合式api,从生命周期钩子函数角度分析,相当于取代了beforeCreate,会在creted之前执行。setup(props){console.log("setup",props);},beforeCreate(){console.log("beforeCreate");},created(){console.log("created");},执行之后,setup打印结果始终在前边。setup数据和方法如何使用setup内部的属性和方法,必须return暴露出来,将属性挂载到实例上,否则没有办法使用:{{msg}}setup(props){letmsg

vue3 el-menu,el-tabs实现联动

页面整体效果图1.页面布局       首先布置好布局,页面的整体效果如下:@import'@/assets/css/base.scss';.box{display:flex;&__left{width:110px;}&__right{flex:1;}} 2.侧边栏用el-menu标签,标签的选中状态与属性default-active有关,tabs标签用el-tabs,选中转态态与editableTabsValue有关,实现关联就是将2个属性的值相同即可。由于页面是封装成了子组件,所以这里el-tabs的标签属性editableTabs,editableTabsValue在pinia中进行状态

创建vue2项目

如何创建一个vue2项目(1)使用cmd终端直接创建在键盘上win+r,输入cmd打开终端窗口,cd进入到vue项目所创建的目录里(我是直接创建在桌面上)输入创建项目指令(vuecreate项目名称)手动选择项目所需的基本配置选项(按enter键进入)选择以下几项(按空格选中或者取消选中,选好之后enter进入下一步)选择要启动项目的Vue.js版本使用hash模式,使用暂时不适用history模式使用less作为css预处理语言选择链接/格式化程序配置选择保存的时候效验eslint规则将配置文件放在独立文件夹中将当前配置作为预设保留预设配置项的名称(自己取,我一般取的和项目一样的名字)创建完

Vue项目部署上线全过程(保姆级教程)

Vue项目部署上线全过程(保姆级教程)上线前准备1.先在vue.config.js文件中配置反向代理解决跨域请求问题const{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,devServer:{proxy:{"/api":{target:"后端url地址",//允许跨域请求changeOrigin:true}}}})2.在vue项目根目录运行npmrunbuild打包完成后会在根目录生成dist文件夹,这个dist文件夹需要上传到服务器3.链接云