前端开发
暂无
J-April
高度不够,看到都是问题。
展开
-
小型酒店管理系统(Vue+SpringBoot)(持续更新)
小型酒店管理系统一、前言小型酒店管理系统采用Vue前端框架、SpringBoot框架实现项目前后端分离,并通过Mysql存储数据。本系统实现针对不同用户的登录验证;客户信息、前台管理员以及超级管理员等信息存取;客户信息登记、预约、入住、消费等功能;前台管理员对客户操作的管理;超级管理员对客户以及前台管理员操作进行控制等的功能,系统功能基本实现,测试良好。二、系统可行性分析(一)系统开发工具及平台操作系统:Windows 10编程语言:Vue、SpringBoot开发工具:WebStorm、I原创 2021-06-02 23:22:52 · 7866 阅读 · 1 评论 -
axios——基础知识
axios全局配置<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script> axios.defaults.baseURL="http://localhost:9999/student/student"; axios.defaults.timeout=5000; axios.get('getAllStudent').then(res=>{原创 2021-04-14 20:02:26 · 121 阅读 · 0 评论 -
Vue篇——webpack-dev-server搭建本地服务器
webpack提供一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果。在webpack中使用之前需要安装它npm install --save-dev [email protected]也是作为webpack中的一个选项,选项本身可以设置如下属性:①contentBase:为哪一个文件提供本地服务,默认是根文件夹,我们这里要填写./dist②por..原创 2021-03-04 09:17:02 · 235 阅读 · 1 评论 -
Vue篇——uglifyjs-webpack-plugin的使用
在项目发布之前,需要对js等文件进行压缩处理使用第三方插件npm install [email protected] --save-dev修改webpack.config.js文件const uglifyJsPlugin=require('uglifyjs-webpack-plugin')plugins: [ ... new uglifyJsPlugin()]...原创 2021-03-04 08:53:36 · 2343 阅读 · 2 评论 -
Vue篇——webpack-HtmlWebpackPlugin的使用
利用HtmlWebpackPlugin用来打包html文件过程如下:①通过命令行安装插件npm install html-webpack-plugin --save-dev②配置webpack.config.jsconst HtmlWebpackPlugin = require('html-webpack-plugin') plugins: [ ... new HtmlWebpackPlugin({ template: 'index.html' }) ]...原创 2021-03-04 08:45:11 · 347 阅读 · 1 评论 -
Vue篇——webpack配置及css文件打包
通过webpack将js及css文件打包程序结构1、各部分模块//info.js//导出模块export const name ='小红';export const age ='18';// mainUtils.jsfunction add(num1, num2) { return num1 + num2}function mul(num1, num2) { return num1 * num2}//模块导出module.exports = { add, mul}原创 2021-03-02 15:26:33 · 1058 阅读 · 0 评论 -
Vue篇——前端模块化雏形
// aaa.jsvar moduleA = (function() { var obj = {} var name = '小明' var age = 12 function sum(num1, num2) { return num1 + num2 } var flag = true if (flag) { console.log(sum(10, 20)); } obj.flag = flag; obj.sum = sum; return obj})()//原创 2021-03-01 12:53:16 · 65 阅读 · 0 评论 -
Vue篇——组件模板抽离的写法
组件模板抽离的写法方法一:使用JavaScript标签分离模板方法二:使用template标签分离模板<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn></cpn> <tmp&g原创 2021-02-09 21:01:17 · 162 阅读 · 0 评论 -
Vue篇——购物车案例
利用Vue实现购物车的简单运用借助layui框架实现组件(如table)的快速搭建通过Vue实现从后端获取数据到前端的展示实现移除书籍功能(添加和修改书籍信息功能暂未实现)实现书籍购买数量的增加或减少,并且能够实现总价格的动态变化…程序效果截图实现代码首先导入layui的关键代码,笔者将其放在本项目的同级目录下(layui关键代码可在官方处下载,这里不再赘述)创建html、css和JavaScript目录html<!DOCTYPE html><html原创 2021-02-07 16:57:55 · 4245 阅读 · 4 评论 -
Vue篇——插槽slot简单实例
上代码<!--@Author: 流浪者@Description:@Time: 2020/12/21 15:56@Version: 1.0--><!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF原创 2020-12-21 16:15:51 · 243 阅读 · 0 评论 -
Vue篇——Axios异步通信
上代码Demo.html<!--@Author: 流浪者@Description:@Time: 2020/12/21 15:08@Version: 1.0--><!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta ch原创 2020-12-21 15:32:53 · 110 阅读 · 0 评论 -
JavaScript基础——面向对象原型继承
面向对象原型继承类:模板对象:具体的实例var Student ={ name: "流浪者", age: 3, run: function(){ console.log(this.name+"run......"); }};var xiaoming = { name:"小明"};//原型对象xiaoming.__proto__=Student;//通过__proto__可调用Student的run()方法...原创 2020-09-09 22:33:37 · 87 阅读 · 0 评论