在html文件中引用Vue以及ElementUI
前言这个比较简单,就是引用两个js文件和一个css样式库即可,然后再scrpit做改动,直接把代码放在下面吧,这是一个mathjax转texCommand到html代码的html文件。
代码12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713 ...
Catel酒店管理系统使用说明
前言经过了一个学期的开发,本学期的大作业基本上算是开发结束了,这个项目使用了Spring Boot+Vue的框架。使用MySQL数据库对数据进行持久化。本文档对这个系统的使用详情进行说明,可以点击链接进行体验。
账户名和密码
账户名
密码
C1
x
C2
x
HM1
x
HM2
x
M1
x
A1
x
系统功能说明客户C开头的账户都是客户,能够进行客户的操作。
也可以自己进行注册账号,客户账号有以下功能:
查看所有酒店
对酒店的信息进行浏览
对酒店进行排序和搜索
对指定房型进行下单
查看自己的订单
修改用户信息
修改密码
充值VIP
充值信用值积分
查看自己正在进行中的订单
为自己的用户添加新的身份(预定时使用)
修改用户头像
评论已经入住且正常的酒店
能够查询自己的信用值变更记录
能够对进行中的订单进行撤销操作(危险 ...
在electron-vue应用中使用elementUI
前言这个鸽了无数个月的项目又重新启动了,因为体验过html代码中自己写css,并不像再次进行体验,所以直接使用了比较成熟的ElementUI(假装不知道Ant),不知道怎么初始化一个项目的可以去看看这个系列的另一篇文章,开发笔记一,在文末的推荐文章中即可。
安装使用npm安装elementUI的js包
1npm install element-ui -save
这里解释一下两个概念,一个是生产环境依赖,一个是开发环境依赖也就是dep和devdep。
打开项目根目录下的package.json,里面是项目依赖的一些名称以及项目版本要求和一些基本配置,可以看见配置项里有dependencies和devDependencies两项,分别代表什么意思呢?当使用webpack构建项目时,需要明确不同环境下所需要的依赖和版本要求:
dependencies:是在生产环境下使用的一些依赖,由命令行参数 ...
关于WebStorm 使用Ant Design of Vue 通知提醒框notification时,出现的语法无法检测问题
说明在平时使用webstorm进行前端开发的时候发现有一些ant-design-vue的时候有一些语法没有被识别,导致了webstorm会有语法错误的警告,本人是强迫症患者,所以一定要解决。原来的图像如下
解决方法修改webstorm默认的js代码版本就可以了,将默认的改为React JSX,如图:
效果这样改完之后就能有较好的效果,效果图如下:
ant-design-vue更改主题颜色
前言 在自己的项目开发和学习过程中使用Vue是十分频繁的,所以就把学习的过程写在这里方便查看。另外,还是声明,最好的参考文档一定是官方的文档。下面给两个官方文档的连接,有什么问题可以到里面字寻找。Vue官方文档Ant Design of Vue官方文档
实现其实这个实现还是比较简单的,由于一开始并没有理解官方文档中的意思,所以配置错误导致配置没有生效,现在就直接把这个方法写在这里,下次可以进行参考,首先我的项目是Vue-cli3使用了babel。
只需要改写vue.config.js中的一个css的属性,代码如下:
123456789101112css: { loaderOptions: { less: { modifyVars: { ...
Ant Design of Vue学习笔记(一)
前言 在自己的项目开发和学习过程中使用Vue是十分频繁的,所以就把学习的过程写在这里方便查看。另外,还是声明,最好的参考文档一定是官方的文档。下面给两个官方文档的连接,有什么问题可以到里面字寻找。Vue官方文档Ant Design of Vue官方文档
Form123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122 ...
Electron-Vue技术笔记一
electron-vue 应用的构建 可能会有人认为这个架构构建起来非常简单,不需要指南就可以。甚至从空白到运行软件就三局句命令行的事情(官方就是这么认为的)如图:但是下面是我在我的电脑上的实际情况,大家可以进行参考。
首先要说明的就是我的安装环境(我偏向于在开发过程中使用yarn而不是npm):yarn的安装命令行(已经安装nodejs的情况下,未安装的链接如下都是官方链接):
Windows 安装包
macOS安装包
源代码123456npm i yarn -gNodeJS Version: 12.16.1 LTSnpm Version: 6.13.4Vue Version: 2.9.6yarn Version: 1.22.4我们接下来要安装全局的脚手架:1npm install -g vue-cli第一步一定是在预定的文件夹中创建一个新的electron-vue ...