vue
关注
分享
扫一扫
wqww_1
熟练掌握JAVA语言基础，封装过简单的JdbcTemplate工具<br>熟练使用MyEclipse开发工具，会使用Tomcat服务器<br>熟练使用Jsp、Servlet、JDBC等Web开发技术进行开发<br>熟练使用HTML、Javascript、JQuery、Ajax等表现层技术，了解XML<br>熟练Spring+Springmvc+Mybatis的配置三大框架。<br>熟悉Oracle/Mysql基本操作，基本sql语句熟练使用。<br>了解SpringBoot框架和Maven框架的基本搭建。<br>了解restful架构风格、基本的远程调用。<br>了解Spring、Struts2、Hibernate三大框
展开
-
vue router和vuex和request工具类
路由import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ { path: '/', redirect: '/login' }, { path: '/login', name: 'login', component: () => import('@/views/login/login.vue') }, {原创 2022-05-24 16:08:02 · 315 阅读 · 0 评论 -
vue实现前端反向代理
在目录下创建vue.config.jsmodule.exports = { devServer: { port: 8088, proxy: 'http://localhost:8080/ydl' } }修改url为前台端口// 创建axios实例const request = axios.create({ // axios中请求配置有baseURL选项，表示请求URL公共部分 baseURL: 'http://localhost:原创 2022-05-24 16:05:55 · 187 阅读 · 0 评论 -
前端 mock使用
// 引入mockjsconst Mock = require('mockjs')const Random = Mock.Randomconst Result = { code: 200, msg: '操作成功', data: null}/** * Mock.mock(url, post / get, function (options); * url 表示需要拦截的 URL， * post / get 需要拦截的 Ajax 请求类型 * * 用于生成响应数据的函数*原创 2022-04-05 08:40:57 · 958 阅读 · 0 评论 -
前端 express使用教程
{ "code":"200", "message":"成功", "data":{ "token":"988818187njnjd" }}{ "code":"201", "message":"失败", "data":{ }}const express = require("express")const app = express()const vipLogin = require("./data/login_su原创 2022-04-05 08:37:21 · 1266 阅读 · 0 评论 -
vue简单小项目
<template> <div> <div> 第 <input type="text" v-model="page.currentPage" style="width:30px" @change="changePage"/> 页/{{page.pagesNum}}页，每页{{page.pageSize}}条,总共{{page.total}}条数据 </div> <div>原创 2022-03-16 16:20:37 · 583 阅读 · 0 评论 -
Vue学习笔记
前端三要素HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容CSS（表现）：层叠样式表（Cascading Style Sheets），设定网页的表现样式JavaScript（行为）：是一种弱类型脚本语言，其源代码不需经过编译，而是由浏览器解释运行，用于控制网页的行为JavaScript 框架jQuery库AngularReactVueAxios //前端通信框架UI 框架ElementUI、iview、ice：原创 2022-03-14 15:06:27 · 1111 阅读 · 0 评论 -
Swiper组件简单封装
swiper安装安装的版本是6版本npm install swiper@6.8.4 --saveFilmSwiper组件组件js、cs导入有个插槽，是为了放filmswiperitem组件的<template> <div class="swiper-container kerwin"> <div class="swiper-wrapper"> <slot></slot>原创 2022-03-13 11:42:25 · 443 阅读 · 0 评论 -
vue路由的使用
安装vue npm install -g @vue/cli //安装一次就可以 vue create 项目名称 cd 项目名称 npm run serve配置 vue.config.js (关闭保存代码错误提示)module.exports = { lintOnSave: false}安装vue-router(路由)npm install vue-router --save使用路由注册重定向动态二级路由命名路由全局路由配置路由模式：hash histo原创 2022-03-13 11:35:39 · 651 阅读 · 0 评论 -
vue基本命令
npm -vvue --vserion# 全局安装vuenpm install -g @vue/cli# vue升级npm update -g @vue/cli# 通过使用图像化界面vue ui来创建项目vue ui# 通过命令创建项目vue create hello-world# 安装插件命令npm install vuex --savenpm install --save axiosnpm install element-ui --save# 临时使用### 本次从淘宝仓原创 2022-03-13 10:43:36 · 1061 阅读 · 0 评论 -
Vue中配置反向代理
const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ lintOnSave: false, // 暂停关闭代码格式检查 // 配置反向代理 devServer: { proxy: { // '/api': { // target: 'http://127.0.0.1:8888', // changeOrigin: true原创 2022-03-12 17:35:45 · 919 阅读 · 0 评论 -
html中swiper组件的使用
静态的<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/6.8.1/swiper-bundle.css" rel="stylesheet"> --> <!-- <script sr原创 2022-03-12 17:33:32 · 3656 阅读 · 0 评论 -
axios使用
#安装npm install axios --save<template> <div> <div> 第 <input type="text" v-model="page.currentPage" style="width:30px" @change="changePage"/> 页/{{page.pagesNum}}页，每页{{page.pageSize}}条,总共{{page.total}}条数据 <原创 2022-03-12 17:30:58 · 351 阅读 · 0 评论 -
Vue简单组件使用
Narbar.vue组件<template> <div> <button>left</button> navbar--{{name}} <button v-show="myright">right</button> <slot></slot> </div></template><script>原创 2022-03-12 17:28:20 · 203 阅读 · 0 评论 -
Vue学习笔记版本02
vue第一个入门案例原创 2022-02-27 14:45:16 · 302 阅读 · 0 评论 -
vue学习笔记版本01
1、Vue引入<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="lib/vue.js"></script> </head> <body> <div id="app"> {{20 + 1010}} </div> &原创 2022-02-27 13:49:08 · 352 阅读 · 0 评论