amingMM
amingMM

前端开发-Vue-element 电商管理系统

Vue-element 电商管理系统

  • 1 介绍了解 项目实战的学习目标
  • 2 电商项目基本业务概述
  • 3 后台管理系统功能划分
  • 4 项目开发模式技术选型
  • 5 项目初始化
    • 可视化面板 配置
  • 6 配置码云SSH
  • 7 托管云
  • 8 安装mysql
  • 9 API服务器Postman调试
  • 10 分析登陆和token原理
  • 11 登陆页面子分支
  • 12 登陆退出 项目结构
  • 13 渲染Login组件路由重定向
  • 14 绘制登录盒子
  • 15 绘制默认头像
  • 16 绘制登录表单区域
  • 17 绘制带icon的input
  • 18 实现表单的数据绑定
  • 19 实现表单数据验证
  • 20 表单的重置
  • 21 登录前表单预验证
  • 22 登录退出-配置axios发起登录请求
  • 23 登录退出-配置Message全局弹框组件
  • 24 登录退出-完善登录之后的操作
  • 25 登录退出-路由导航守卫控制页面访问权限
  • 26.登录退出-实现退出功能
  • 27 语法处理-处理项目中的ESLint语法报错问题
  • 28 语法处理-修改element-ui组件的按需导入形式
  • 29 登录退出-将本地代码提交代码到码云中
  • 30 主页-实现基本的主页布局
  • 31 主页-美化主页的header区域
  • 32 主页-实现导航菜单的基本结构
    • 引入之后 注册为 全局组件
  • 33 主页-通过axios拦截器添加token验证
    • axios 屬性 有一個 request 的 成員 請求攔截器
    • 在 axios 挂載之前 插入 攔截器
  • 34

1 介绍了解 项目实战的学习目标

https://www.bilibili.com/video/BV1EE411B7SU?from=search&seid=7140184691542384079

https://www.bilibili.com/video/BV1T7411J7Rc?from=search&seid=4971153032007623168

前端开发-Vue-element 电商管理系统_第1张图片前端开发-Vue-element 电商管理系统_第2张图片
前端开发-Vue-element 电商管理系统_第3张图片

2 电商项目基本业务概述

前端开发-Vue-element 电商管理系统_第4张图片

3 后台管理系统功能划分

前端开发-Vue-element 电商管理系统_第5张图片前端开发-Vue-element 电商管理系统_第6张图片

前端开发-Vue-element 电商管理系统_第7张图片
前端开发-Vue-element 电商管理系统_第8张图片
前端开发-Vue-element 电商管理系统_第9张图片
前端开发-Vue-element 电商管理系统_第10张图片
前端开发-Vue-element 电商管理系统_第11张图片
前端开发-Vue-element 电商管理系统_第12张图片
前端开发-Vue-element 电商管理系统_第13张图片
前端开发-Vue-element 电商管理系统_第14张图片
前端开发-Vue-element 电商管理系统_第15张图片
前端开发-Vue-element 电商管理系统_第16张图片

4 项目开发模式技术选型

SPA单页面 程序

单页Web应用(single page web application,SPA):

AJAX

前端开发-Vue-element 电商管理系统_第17张图片
前端开发-Vue-element 电商管理系统_第18张图片
JWT 状态 保持

5 项目初始化

前端开发-Vue-element 电商管理系统_第19张图片

可视化面板 配置

请添加图片描述
前端开发-Vue-element 电商管理系统_第20张图片
前端开发-Vue-element 电商管理系统_第21张图片

前端开发-Vue-element 电商管理系统_第22张图片
前端开发-Vue-element 电商管理系统_第23张图片
前端开发-Vue-element 电商管理系统_第24张图片
前端开发-Vue-element 电商管理系统_第25张图片

前端开发-Vue-element 电商管理系统_第26张图片

请添加图片描述

请添加图片描述
请添加图片描述
请添加图片描述
前端开发-Vue-element 电商管理系统_第27张图片
前端开发-Vue-element 电商管理系统_第28张图片
前端开发-Vue-element 电商管理系统_第29张图片
前端开发-Vue-element 电商管理系统_第30张图片
前端开发-Vue-element 电商管理系统_第31张图片
前端开发-Vue-element 电商管理系统_第32张图片
前端开发-Vue-element 电商管理系统_第33张图片
前端开发-Vue-element 电商管理系统_第34张图片
前端开发-Vue-element 电商管理系统_第35张图片
前端开发-Vue-element 电商管理系统_第36张图片
前端开发-Vue-element 电商管理系统_第37张图片
前端开发-Vue-element 电商管理系统_第38张图片
前端开发-Vue-element 电商管理系统_第39张图片

6 配置码云SSH

请添加图片描述
前端开发-Vue-element 电商管理系统_第40张图片
前端开发-Vue-element 电商管理系统_第41张图片
前端开发-Vue-element 电商管理系统_第42张图片
前端开发-Vue-element 电商管理系统_第43张图片
前端开发-Vue-element 电商管理系统_第44张图片
前端开发-Vue-element 电商管理系统_第45张图片
前端开发-Vue-element 电商管理系统_第46张图片
前端开发-Vue-element 电商管理系统_第47张图片
前端开发-Vue-element 电商管理系统_第48张图片
前端开发-Vue-element 电商管理系统_第49张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第50张图片
前端开发-Vue-element 电商管理系统_第51张图片
前端开发-Vue-element 电商管理系统_第52张图片
前端开发-Vue-element 电商管理系统_第53张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第54张图片
前端开发-Vue-element 电商管理系统_第55张图片
前端开发-Vue-element 电商管理系统_第56张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第57张图片

7 托管云

前端开发-Vue-element 电商管理系统_第58张图片
前端开发-Vue-element 电商管理系统_第59张图片
前端开发-Vue-element 电商管理系统_第60张图片
前端开发-Vue-element 电商管理系统_第61张图片
前端开发-Vue-element 电商管理系统_第62张图片
前端开发-Vue-element 电商管理系统_第63张图片
前端开发-Vue-element 电商管理系统_第64张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第65张图片
前端开发-Vue-element 电商管理系统_第66张图片
请添加图片描述
请添加图片描述
前端开发-Vue-element 电商管理系统_第67张图片
前端开发-Vue-element 电商管理系统_第68张图片
前端开发-Vue-element 电商管理系统_第69张图片

8 安装mysql

前端开发-Vue-element 电商管理系统_第70张图片
前端开发-Vue-element 电商管理系统_第71张图片
前端开发-Vue-element 电商管理系统_第72张图片
前端开发-Vue-element 电商管理系统_第73张图片
前端开发-Vue-element 电商管理系统_第74张图片
前端开发-Vue-element 电商管理系统_第75张图片
前端开发-Vue-element 电商管理系统_第76张图片
前端开发-Vue-element 电商管理系统_第77张图片
前端开发-Vue-element 电商管理系统_第78张图片
前端开发-Vue-element 电商管理系统_第79张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第80张图片
前端开发-Vue-element 电商管理系统_第81张图片

9 API服务器Postman调试

前端开发-Vue-element 电商管理系统_第82张图片
前端开发-Vue-element 电商管理系统_第83张图片
前端开发-Vue-element 电商管理系统_第84张图片

cls 清屏

前端开发-Vue-element 电商管理系统_第85张图片
前端开发-Vue-element 电商管理系统_第86张图片
前端开发-Vue-element 电商管理系统_第87张图片
前端开发-Vue-element 电商管理系统_第88张图片
前端开发-Vue-element 电商管理系统_第89张图片
前端开发-Vue-element 电商管理系统_第90张图片
前端开发-Vue-element 电商管理系统_第91张图片
前端开发-Vue-element 电商管理系统_第92张图片
前端开发-Vue-element 电商管理系统_第93张图片
前端开发-Vue-element 电商管理系统_第94张图片

token cookie session 状态保持机制

10 分析登陆和token原理

前端开发-Vue-element 电商管理系统_第95张图片
vue + Node

不存在跨域 用cookie 和 session

前端开发-Vue-element 电商管理系统_第96张图片

11 登陆页面子分支

前端开发-Vue-element 电商管理系统_第97张图片

绘制页面

前端开发-Vue-element 电商管理系统_第98张图片
前端开发-Vue-element 电商管理系统_第99张图片
查看 工作区 是否干净

前端开发-Vue-element 电商管理系统_第100张图片
开发新功能 建立一个分支

开发完 后 再 合并 到 master 主分支

请添加图片描述
请添加图片描述
*处于 在哪个 分支

12 登陆退出 项目结构

前端开发-Vue-element 电商管理系统_第101张图片

前端开发-Vue-element 电商管理系统_第102张图片
前端开发-Vue-element 电商管理系统_第103张图片
前端开发-Vue-element 电商管理系统_第104张图片
导入了 根组件

路由

element组件

new一个实例

通过render函数 把app 根组件 渲染到了 页面上

也把 路由 挂载在了 new 实例

前端开发-Vue-element 电商管理系统_第105张图片
template ui结构

script 行为

style 样式

前端开发-Vue-element 电商管理系统_第106张图片
梳理一下

梳理路由

前端开发-Vue-element 电商管理系统_第107张图片
默认导入 home.vue

基本路由规则

前端开发-Vue-element 电商管理系统_第108张图片
前端开发-Vue-element 电商管理系统_第109张图片
前端开发-Vue-element 电商管理系统_第110张图片

13 渲染Login组件路由重定向

新建一个 单文件 组件

前端开发-Vue-element 电商管理系统_第111张图片
前端开发-Vue-element 电商管理系统_第112张图片
scoped 组件 样式 区间

路由形式 渲染到 app 根组件

导入

前端开发-Vue-element 电商管理系统_第113张图片
新增路由规则

前端开发-Vue-element 电商管理系统_第114张图片
前端开发-Vue-element 电商管理系统_第115张图片
前端开发-Vue-element 电商管理系统_第116张图片

14 绘制登录盒子

类选择器

前端开发-Vue-element 电商管理系统_第117张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第118张图片
前端开发-Vue-element 电商管理系统_第119张图片
前端开发-Vue-element 电商管理系统_第120张图片
前端开发-Vue-element 电商管理系统_第121张图片
前端开发-Vue-element 电商管理系统_第122张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第123张图片
前端开发-Vue-element 电商管理系统_第124张图片
前端开发-Vue-element 电商管理系统_第125张图片
前端开发-Vue-element 电商管理系统_第126张图片

15 绘制默认头像

前端开发-Vue-element 电商管理系统_第127张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第128张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第129张图片
前端开发-Vue-element 电商管理系统_第130张图片
前端开发-Vue-element 电商管理系统_第131张图片
前端开发-Vue-element 电商管理系统_第132张图片
前端开发-Vue-element 电商管理系统_第133张图片
前端开发-Vue-element 电商管理系统_第134张图片
前端开发-Vue-element 电商管理系统_第135张图片
前端开发-Vue-element 电商管理系统_第136张图片
前端开发-Vue-element 电商管理系统_第137张图片
前端开发-Vue-element 电商管理系统_第138张图片

16 绘制登录表单区域

前端开发-Vue-element 电商管理系统_第139张图片

前端开发-Vue-element 电商管理系统_第140张图片
前端开发-Vue-element 电商管理系统_第141张图片
前端开发-Vue-element 电商管理系统_第142张图片
前端开发-Vue-element 电商管理系统_第143张图片
前端开发-Vue-element 电商管理系统_第144张图片
按需导入

前端开发-Vue-element 电商管理系统_第145张图片
全局 注册
前端开发-Vue-element 电商管理系统_第146张图片
前端开发-Vue-element 电商管理系统_第147张图片
前端开发-Vue-element 电商管理系统_第148张图片
前端开发-Vue-element 电商管理系统_第149张图片
前端开发-Vue-element 电商管理系统_第150张图片
前端开发-Vue-element 电商管理系统_第151张图片
前端开发-Vue-element 电商管理系统_第152张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第153张图片
前端开发-Vue-element 电商管理系统_第154张图片
前端开发-Vue-element 电商管理系统_第155张图片
前端开发-Vue-element 电商管理系统_第156张图片
前端开发-Vue-element 电商管理系统_第157张图片
前端开发-Vue-element 电商管理系统_第158张图片
请添加图片描述

17 绘制带icon的input

前端开发-Vue-element 电商管理系统_第159张图片
前端开发-Vue-element 电商管理系统_第160张图片
前端开发-Vue-element 电商管理系统_第161张图片
前端开发-Vue-element 电商管理系统_第162张图片
前端开发-Vue-element 电商管理系统_第163张图片
前端开发-Vue-element 电商管理系统_第164张图片
前端开发-Vue-element 电商管理系统_第165张图片
前端开发-Vue-element 电商管理系统_第166张图片
前端开发-Vue-element 电商管理系统_第167张图片
前端开发-Vue-element 电商管理系统_第168张图片
前端开发-Vue-element 电商管理系统_第169张图片
前端开发-Vue-element 电商管理系统_第170张图片

18 实现表单的数据绑定

前端开发-Vue-element 电商管理系统_第171张图片
值 绑定 数据源

前端开发-Vue-element 电商管理系统_第172张图片
前端开发-Vue-element 电商管理系统_第173张图片
前端开发-Vue-element 电商管理系统_第174张图片
前端开发-Vue-element 电商管理系统_第175张图片
前端开发-Vue-element 电商管理系统_第176张图片
双向绑定

前端开发-Vue-element 电商管理系统_第177张图片
前端开发-Vue-element 电商管理系统_第178张图片
前端开发-Vue-element 电商管理系统_第179张图片
前端开发-Vue-element 电商管理系统_第180张图片

19 实现表单数据验证

鼠标 离开文本框

立即 对 合法性 进行校验

前端开发-Vue-element 电商管理系统_第181张图片
前端开发-Vue-element 电商管理系统_第182张图片
属性绑定 值 是一个 验证规则 对象

前端开发-Vue-element 电商管理系统_第183张图片
数组 每一个 对象 都是 验证规则

前端开发-Vue-element 电商管理系统_第184张图片
前端开发-Vue-element 电商管理系统_第185张图片
前端开发-Vue-element 电商管理系统_第186张图片
前端开发-Vue-element 电商管理系统_第187张图片
前端开发-Vue-element 电商管理系统_第188张图片
前端开发-Vue-element 电商管理系统_第189张图片
前端开发-Vue-element 电商管理系统_第190张图片
请添加图片描述
前端开发-Vue-element 电商管理系统_第191张图片
前端开发-Vue-element 电商管理系统_第192张图片
前端开发-Vue-element 电商管理系统_第193张图片
前端开发-Vue-element 电商管理系统_第194张图片

20 表单的重置

前端开发-Vue-element 电商管理系统_第195张图片
前端开发-Vue-element 电商管理系统_第196张图片

前端开发-Vue-element 电商管理系统_第197张图片
前端开发-Vue-element 电商管理系统_第198张图片
前端开发-Vue-element 电商管理系统_第199张图片
this 指向 当前组件 的 实例对象

前端开发-Vue-element 电商管理系统_第200张图片
前端开发-Vue-element 电商管理系统_第201张图片

21 登录前表单预验证

前端开发-Vue-element 电商管理系统_第202张图片
前端开发-Vue-element 电商管理系统_第203张图片
前端开发-Vue-element 电商管理系统_第204张图片
前端开发-Vue-element 电商管理系统_第205张图片
拿到 表单 引用 找到 对象

从validate 函数 的 回调函数 获取验证结果

匿名 箭头函数

形参 布尔值

前端开发-Vue-element 电商管理系统_第206张图片
前端开发-Vue-element 电商管理系统_第207张图片
前端开发-Vue-element 电商管理系统_第208张图片

22 登录退出-配置axios发起登录请求

前端开发-Vue-element 电商管理系统_第209张图片
全局 配置 axios

包挂载到 vue 原型对象 上
前端开发-Vue-element 电商管理系统_第210张图片
前端开发-Vue-element 电商管理系统_第211张图片
前端开发-Vue-element 电商管理系统_第212张图片
使用 原型中 的 $http 成员
前端开发-Vue-element 电商管理系统_第213张图片
前端开发-Vue-element 电商管理系统_第214张图片
前端开发-Vue-element 电商管理系统_第215张图片
前端开发-Vue-element 电商管理系统_第216张图片
前端开发-Vue-element 电商管理系统_第217张图片
在这里插入图片描述

前端开发-Vue-element 电商管理系统_第218张图片
前端开发-Vue-element 电商管理系统_第219张图片
前端开发-Vue-element 电商管理系统_第220张图片
返回 primise 可用 async 和 await（中能用在 异步async方法中 ） 简优化操作

前端开发-Vue-element 电商管理系统_第221张图片
前端开发-Vue-element 电商管理系统_第222张图片

解构 数据 重命名 res
前端开发-Vue-element 电商管理系统_第223张图片
前端开发-Vue-element 电商管理系统_第224张图片
前端开发-Vue-element 电商管理系统_第225张图片
前端开发-Vue-element 电商管理系统_第226张图片
前端开发-Vue-element 电商管理系统_第227张图片

23 登录退出-配置Message全局弹框组件

前端开发-Vue-element 电商管理系统_第228张图片
前端开发-Vue-element 电商管理系统_第229张图片
前端开发-Vue-element 电商管理系统_第230张图片
前端开发-Vue-element 电商管理系统_第231张图片
全局挂载在vue 原型组件 配置 为 $message 自定义属性
前端开发-Vue-element 电商管理系统_第232张图片

用 this 访问 $message 属性
前端开发-Vue-element 电商管理系统_第233张图片
前端开发-Vue-element 电商管理系统_第234张图片
前端开发-Vue-element 电商管理系统_第235张图片

24 登录退出-完善登录之后的操作

前端开发-Vue-element 电商管理系统_第236张图片
会话存储机制 sessionstorage
持久存储机制 localstorage

前端开发-Vue-element 电商管理系统_第237张图片
前端开发-Vue-element 电商管理系统_第238张图片
前端开发-Vue-element 电商管理系统_第239张图片
前端开发-Vue-element 电商管理系统_第240张图片
前端开发-Vue-element 电商管理系统_第241张图片
前端开发-Vue-element 电商管理系统_第242张图片

前端开发-Vue-element 电商管理系统_第243张图片
scoped 防止 样式 冲突
前端开发-Vue-element 电商管理系统_第244张图片
前端开发-Vue-element 电商管理系统_第245张图片

25 登录退出-路由导航守卫控制页面访问权限

前端开发-Vue-element 电商管理系统_第246张图片
前端开发-Vue-element 电商管理系统_第247张图片
前端开发-Vue-element 电商管理系统_第248张图片

在这里插入图片描述
前端开发-Vue-element 电商管理系统_第249张图片
前端开发-Vue-element 电商管理系统_第250张图片
前端开发-Vue-element 电商管理系统_第251张图片
前端开发-Vue-element 电商管理系统_第252张图片

26.登录退出-实现退出功能

前端开发-Vue-element 电商管理系统_第253张图片

前端开发-Vue-element 电商管理系统_第254张图片
前端开发-Vue-element 电商管理系统_第255张图片
前端开发-Vue-element 电商管理系统_第256张图片
前端开发-Vue-element 电商管理系统_第257张图片

27 语法处理-处理项目中的ESLint语法报错问题

前端开发-Vue-element 电商管理系统_第258张图片
前端开发-Vue-element 电商管理系统_第259张图片
前端开发-Vue-element 电商管理系统_第260张图片

ESlint标准语法规范
配置文件 告诉 如何格式化 代码
前端开发-Vue-element 电商管理系统_第261张图片
前端开发-Vue-element 电商管理系统_第262张图片
前端开发-Vue-element 电商管理系统_第263张图片
前端开发-Vue-element 电商管理系统_第264张图片
前端开发-Vue-element 电商管理系统_第265张图片
分好 单引号 格式方式
前端开发-Vue-element 电商管理系统_第266张图片
前端开发-Vue-element 电商管理系统_第267张图片
前端开发-Vue-element 电商管理系统_第268张图片
禁用 语法规则
前端开发-Vue-element 电商管理系统_第269张图片
前端开发-Vue-element 电商管理系统_第270张图片

28 语法处理-修改element-ui组件的按需导入形式

前端开发-Vue-element 电商管理系统_第271张图片
前端开发-Vue-element 电商管理系统_第272张图片
前端开发-Vue-element 电商管理系统_第273张图片
前端开发-Vue-element 电商管理系统_第274张图片
前端开发-Vue-element 电商管理系统_第275张图片

29 登录退出-将本地代码提交代码到码云中

代码 同步 上传

Ctrl + 反引号 ` 打开终端
前端开发-Vue-element 电商管理系统_第276张图片

修改

新增

在这里插入图片描述
前端开发-Vue-element 电商管理系统_第277张图片
前端开发-Vue-element 电商管理系统_第278张图片
在这里插入图片描述
分支

合并

在这里插入图片描述
切换到 master 主分支
前端开发-Vue-element 电商管理系统_第279张图片

远程推送 到 码云

前端开发-Vue-element 电商管理系统_第280张图片
前端开发-Vue-element 电商管理系统_第281张图片
前端开发-Vue-element 电商管理系统_第282张图片
前端开发-Vue-element 电商管理系统_第283张图片
前端开发-Vue-element 电商管理系统_第284张图片
前端开发-Vue-element 电商管理系统_第285张图片

30 主页-实现基本的主页布局

前端开发-Vue-element 电商管理系统_第286张图片

布局容器
header 头部容器
侧边栏 容器
前端开发-Vue-element 电商管理系统_第287张图片
前端开发-Vue-element 电商管理系统_第288张图片
前端开发-Vue-element 电商管理系统_第289张图片

前端开发-Vue-element 电商管理系统_第290张图片
前端开发-Vue-element 电商管理系统_第291张图片
前端开发-Vue-element 电商管理系统_第292张图片
前端开发-Vue-element 电商管理系统_第293张图片
没有 导入 组件

前端开发-Vue-element 电商管理系统_第294张图片
use 全局注册
前端开发-Vue-element 电商管理系统_第295张图片
前端开发-Vue-element 电商管理系统_第296张图片
前端开发-Vue-element 电商管理系统_第297张图片
前端开发-Vue-element 电商管理系统_第298张图片
前端开发-Vue-element 电商管理系统_第299张图片
前端开发-Vue-element 电商管理系统_第300张图片
前端开发-Vue-element 电商管理系统_第301张图片
前端开发-Vue-element 电商管理系统_第302张图片
前端开发-Vue-element 电商管理系统_第303张图片

前端开发-Vue-element 电商管理系统_第304张图片
前端开发-Vue-element 电商管理系统_第305张图片
前端开发-Vue-element 电商管理系统_第306张图片
前端开发-Vue-element 电商管理系统_第307张图片
前端开发-Vue-element 电商管理系统_第308张图片

31 主页-美化主页的header区域

前端开发-Vue-element 电商管理系统_第309张图片
前端开发-Vue-element 电商管理系统_第310张图片
前端开发-Vue-element 电商管理系统_第311张图片
前端开发-Vue-element 电商管理系统_第312张图片
前端开发-Vue-element 电商管理系统_第313张图片
前端开发-Vue-element 电商管理系统_第314张图片
前端开发-Vue-element 电商管理系统_第315张图片
前端开发-Vue-element 电商管理系统_第316张图片前端开发-Vue-element 电商管理系统_第317张图片

前端开发-Vue-element 电商管理系统_第318张图片前端开发-Vue-element 电商管理系统_第319张图片

在这里插入图片描述
前端开发-Vue-element 电商管理系统_第320张图片
前端开发-Vue-element 电商管理系统_第321张图片前端开发-Vue-element 电商管理系统_第322张图片

前端开发-Vue-element 电商管理系统_第323张图片
前端开发-Vue-element 电商管理系统_第324张图片

32 主页-实现导航菜单的基本结构

前端开发-Vue-element 电商管理系统_第325张图片

el - menu 容器

el-submenu 一级菜单

el - menu - item 二级菜单
前端开发-Vue-element 电商管理系统_第326张图片
前端开发-Vue-element 电商管理系统_第327张图片
前端开发-Vue-element 电商管理系统_第328张图片前端开发-Vue-element 电商管理系统_第329张图片
前端开发-Vue-element 电商管理系统_第330张图片
前端开发-Vue-element 电商管理系统_第331张图片

引入之后 注册为 全局组件

前端开发-Vue-element 电商管理系统_第332张图片前端开发-Vue-element 电商管理系统_第333张图片
前端开发-Vue-element 电商管理系统_第334张图片
前端开发-Vue-element 电商管理系统_第335张图片
前端开发-Vue-element 电商管理系统_第336张图片
前端开发-Vue-element 电商管理系统_第337张图片
前端开发-Vue-element 电商管理系统_第338张图片
前端开发-Vue-element 电商管理系统_第339张图片

33 主页-通过axios拦截器添加token验证

前端开发-Vue-element 电商管理系统_第340张图片
前端开发-Vue-element 电商管理系统_第341张图片

axios 屬性 有一個 request 的 成員 請求攔截器

use函數 挂載 一個 回調 函數

在 axios 挂載之前 插入 攔截器

前端开发-Vue-element 电商管理系统_第342张图片
前端开发-Vue-element 电商管理系统_第343张图片
前端开发-Vue-element 电商管理系统_第344张图片
前端开发-Vue-element 电商管理系统_第345张图片

34

你可能感兴趣的:(#,JavaScript,vue.js,前端,javascript)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链
    加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言
    这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
  • JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript
    在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言
    在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键
  • 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记
    最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl
  • 补充元象二面 Redstone Monstrosity 前端面试
    1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重
  • 微信小程序开发注意事项 jun778895 微信小程序小程序
    微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂
  • 切换淘宝最新npm镜像源是 hai40587 npm前端node.js
    切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库
  • 字节二面 Redstone Monstrosity 前端面试
    1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app
    第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。
  • 高性能javascript--算法和流程控制 海淀萌狗
    -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • Vue + Express实现一个表单提交 九旬大爷的梦
    最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。环境：Node10+前端：Vue服务端：Express依赖包：vueexpressaxiosexpress-formidableelement-ui（可选）前言：axiosget请求参数是：paramsaxiospost请求参数是：dataexpressget接受参数是req.queryexpresspo
  • JavaScript中秋快乐！ Q_w7742 javascript开发语言ecmascript
    我们来实现一个简单的祝福网页~主要的难度在于使用canvas绘图当点击canvas时候，跳出“中秋节快乐”字样，需要注册鼠标单击事件和计时器。首先定义主要函数：初始化当点击canvas之后转到onCanvasClick函数，绘图生成灯笼。functiononCanvasClick(){//事件处理函数context.clearRect(0,0,canvas1.width,canvas1.heigh
  • Nginx从入门到实践(三) 听你讲故事啊
    动静分离动静分离是将网站静态资源（JavaScript，CSS，img等文件）与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的一种做法是将静态资源部署在nginx上，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求nginx服务器，达到动静分离的目标。rewrite规则Rewrite规则常见正则表达式Rewrite主要的功能就是实现URL的重写，Ngin
  • Nginx的使用场景：构建高效、可扩展的Web架构 张某布响丸辣 nginx前端架构
    Nginx，作为当今最流行的Web服务器和反向代理软件之一，凭借其高性能、稳定性和灵活性，在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站，还是大型企业级应用，Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景，帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件（如HTML、CSS、JavaScript、图片等）的网站，Ngin
  • 前端知识点 ZhangTao_zata 前端javascriptcss
    下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
  • 第三十一节:Vue路由:前端路由vs后端路由的了解 曹老师
    1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容1.1后端路由以前咱们接触比较多的后端路由,当改变url地址时,浏览器会向服务器发送请求,服务器根据这个url,返回不同的资源内容后端路由的特点就是前端每次跳转到不同url地址,都会重新访
  • 华雁智科前端面试题 因为奋斗超太帅啦 前端笔试面试问题整理javascript开发语言ecmascript
    1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l
  • 如何建设数据中台（五）——数据汇集—打破企业数据孤岛 weixin_47088026 学习记录和总结中台数据中台程序人生经验分享
    数据汇集——打破企业数据孤岛要构建企业级数据中台，第一步就是将企业内部各个业务系统的数据实现互通互联，打破数据孤岛，主要通过数据汇聚和交换来实现。企业采集的数据可以是线上采集、线下数据采集、互联网数据采集、内部数据采集等。线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi
  • 分布式锁和spring事务管理 暴躁的鱼 锁及事务分布式springjava
    最近开发一个小程序遇到一个需求需要实现分布式事务管理业务需求用户在使用小程序的过程中可以查看景点，对景点地区或者城市标记是否想去，那么需要统计一个地点被标记的人数，以及记录某个用户对某个地点是否标记为想去，用两个表存储数据，一个地点表记录改地点被标记的次数，一个用户意向表记录某个用户对某个地点是否标记为想去。由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据
  • 前端CSS面试常见题 剑亦未配妥 前端面试前端css面试
    边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子
  • java数字签名三种方式 知了ing javajdk
    以下3钟数字签名都是基于jdk7的 1，RSA String password="test"; // 1.初始化密钥 KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA"); keyPairGenerator.initialize(51
  • Hibernate学习笔记 caoyong Hibernate
    1>、Hibernate是数据访问层框架，是一个ORM(Object Relation Mapping)框架，作者为:Gavin King 2>、搭建Hibernate的开发环境      a>、添加jar包:      aa>、hibernatte开发包中/lib/required/所
  • 设计模式之装饰器模式Decorator（结构型） 漂泊一剑客 Decorator
    1. 概述        若你从事过面向对象开发，实现给一个类或对象增加行为，使用继承机制，这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法，或者须要给方法添加更多的功能（魅力），你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。      
  • 读取磁盘文件txt，并输入String 一炮送你回车库 String
    public static void main(String[] args) throws IOException {    String fileContent = readFileContent("d:/aaa.txt");    System.out.println(fileContent);   
  • js三级联动下拉框 3213213333332132 三级联动
    //三级联动 省/直辖市<select id="province"></select> 市/省直辖<select id="city"></select> 县/区 <select id="area"></select>
  • erlang之parse_transform编译选项的应用 616050468 parse_transform游戏服务器属性同步abstract_code
             最近使用erlang重构了游戏服务器的所有代码，之前看过C++/lua写的服务器引擎代码，引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能，这也是现在很多游戏服务器的优化方向，在引擎层面去解决数据同步和数据持久化，数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
  • JAVA JSON的解析 darkranger java
    // { // “Total”：“条数”， // Code: 1, // // “PaymentItems”:[ // { // “PaymentItemID”:”支款单ID”, // “PaymentCode”:”支款单编号”, // “PaymentTime”:”支款日期”, // ”ContractNo”:”合同号”， //
  • POJ-1273-Drainage Ditches aijuans ACM_POJ
    POJ-1273-Drainage Ditches http://poj.org/problem?id=1273 基本的最大流，按LRJ的白书写的 #include<iostream> #include<cstring> #include<queue> using namespace std; #define INF 0x7fffffff int ma
  • 工作流Activiti5表的命名及含义 atongyeye 工作流Activiti
    activiti5 - http://activiti.org/designer/update在线插件安装 activiti5一共23张表 Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。 ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 （图片，规则，等等）。 A
  • android的广播机制和广播的简单使用 百合不是茶 android广播机制广播的注册
          Android广播机制简介 在Android中，有一些操作完成以后，会发送广播，比如说发出一条短信，或打出一个电话，如果某个程序接收了这个广播，就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播，就是因为它只负责“说”而不管你“听不听”，也就是不管你接收方如何处理。另外，广播可以被不只一个应用程序所接收，当然也可能不被任何应
  • Spring事务传播行为详解 bijian1013 javaspring事务传播行为
            在service类前加上@Transactional，声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。         Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
  • eidtplus operate 征客丶 eidtplus
    开启列模式: Alt+C 鼠标选择   OR   Alt+鼠标左键拖动 列模式替换或复制内容(多行): 右键-->格式-->填充所选内容-->选择相应操作 OR Ctrl+Shift+V(复制多行数据,必须行数一致) -------------------------------------------------------
  • 【Kafka一】Kafka入门 bit1129 kafka
    这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765)，这里把它单独取出来，作为Kafka的入门吧   下载Kafka http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz 2.10表示Scala的版本，而0.8.1.1表示Kafka
  • Spring 事务实现机制 BlueSkator spring代理事务
    Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象，其实是代理对象的实例，并不是我们所写的Service对象实例。既然是两个不同的对象，那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢？为了说明问题，假设有个Service类叫AService，它的Spring事务代理类为AProxyService，AService实现了一个接口
  • bootstrap源码学习与示例：bootstrap-dropdown（转帖） BreakingBad bootstrapdropdown
    bootstrap-dropdown组件是个烂东西，我读后的整体感觉。 一个下拉开菜单的设计： <ul class="nav pull-right"> <li id="fat-menu" class="dropdown">
  • 读《研磨设计模式》-代码笔记-中介者模式-Mediator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /* * 中介者模式（Mediator）：用一个中介对象来封装一系列的对象交互。 * 中介者使各对象不需要显式地相互引用，从而使其耦合松散，而且可以独立地改变它们之间的交互。 * * 在我看来，Mediator模式是把多个对象（
  • 常用代码记录 chenjunt3 UIExcelJ#
      1、单据设置某行或某字段不能修改 //i是行号,"cash"是字段名称 getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false); //取得单据表体所有项用以上语句做循环就能设置整行了 getBillC
  • 搜索引擎与工作流引擎 comsci 算法工作搜索引擎网络应用
          最近在公司做和搜索有关的工作，(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了，偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍，我发现这样一个关系(仅仅是猜想)   -----搜索引擎和流程引擎的基础--都是图论，至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
  • oracle Health Monitor daizj oracleHealth Monitor
    About Health Monitor Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database. About Health Monitor Checks Health M
  • JSON字符串转换为对象 dieslrae javajson
        作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.   
  • C语言学习八结构体，综合应用，学生管理系统 dcj3sjt126com C语言
    实现功能的代码： # include <stdio.h> # include <malloc.h> struct Student { int age; float score; char name[100]; }; int main(void) { int len; struct Student * pArr; int i,
  • vagrant学习笔记 dcj3sjt126com vagrant
    想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant   1. vagrant virtualbox 下载安装 https://www.vagrantup.com/downloads.html https://www.virtualbox.org/wiki/Downloads   查看安装在命令行输入vagrant     2.
  • 14.性能优化-优化-软件配置优化 frank1234 软件配置性能优化
    1.Tomcat线程池 修改tomcat的server.xml文件： <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
  • 一个不错的shell 脚本教程 入门级 HarborChung linuxshell
    一个不错的shell 脚本教程 入门级 建立一个脚本 　　Linux中有好多中不同的shell，但是通常我们使用bash (bourne again shell) 进行shell编程，因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash（但是在大多数情况下，这些脚本同样可以在 bash的大姐，bourne shell中运行）。 　　如同其他语言一样
  • Spring4新特性——核心容器的其他改进 jinnianshilongnian spring动态代理spring4依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • Linux设置tomcat开机启动 liuxingguome tomcatlinux开机自启动
    执行命令sudo gedit /etc/init.d/tomcat6 然后把以下英文部分复制过去。（注意第一句#!/bin/sh如果不写，就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。 #!/bin/bash # # /etc/rc.d/init.d/tomcat # init script for tomcat precesses
  • 第13章 Ajax进阶（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Troubleshooting Crystal Reports off BW blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE   Quite useful, especially this part: SAP BW connectivity For t
  • Java开发熟手该当心的11个错误 tomcat_oracle javajvm多线程单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 正则表达式大全 yang852220741 html编程正则表达式
    今天向大家分享正则表达式大全，它可以大提高你的工作效率 正则表达式也可以被当作是一门语言，当你学习一门新的编程语言的时候，他们是一个小的子语言。初看时觉得它没有任何的意义，但是很多时候，你不得不阅读一些教程，或文章来理解这些简单的描述模式。 一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他