阶段5 3.微服务项目【学成在线】_day03 CMS页面管理开发_07-新增页面-前端-页面完善...
在新增页面加返回按钮
点击新增页面的时候把把当前的页面传过去,还有查询条件。
然后再点击返回的时候,还是跳转到刚才的页面
点击返回参数回传。取当前路由的参数
点击返回把参数传回来了
参数带回来还要选中数据
在created里面处理参数,数据还没有渲染的时候进行处理
返回的数据 默认选中下拉和刚才的页码
表单校验
![](/assets/blank.gif)
首先在表单上添加表单的校验名称
这个名称对应json的对象,就是表单验证的规则
pageFormRules: {
siteId:[
{required: true, message: '请选择站点', trigger: 'blur'}
],
templateId:[
{required: true, message: '请选择模版', trigger: 'blur'}
],
pageName: [
{required: true, message: '请输入页面名称', trigger: 'blur'}
],
pageWebPath: [
{required: true, message: '请输入访问路径', trigger: 'blur'}
],
pagePhysicalPath: [
{required: true, message: '请输入物理路径', trigger: 'blur'}
]
}
点击提交按钮 触发校验
表单需要加属性ref
this.$refs.pageForm.validate((valid) => { if (valid) { alert('提交'); } else { alert('校验失败'); return false; } })
点击提交按钮 出发校验
数据都正确输入
转载于:https://www.cnblogs.com/wangjunwei/p/11569512.html
阶段5 3.微服务项目【学成在线】_day03 CMS页面管理开发_07-新增页面-前端-页面完善...相关推荐
- 2023年最新黑马程序员Java微服务项目--学成在线
正式上线Java微服务项目<学成在线> 项目对程序员的重要性 不用播妞多说了吧 更重要的是 这次是完整!实战!企业级!项目! 划重点:全新发布!正式上线! <学成在线>项目以在 ...
- 微服务项目之电商--9.商城架构图及商城管理系统前端页面介绍及电商项目初步搭建(1)
目录 一.商城架构图 前端: 二.商城管理系统前端页面 1.SPA介绍 2.webpack 四个核心概念 3.vue-cli 安装 4.项目测试 三.电商项目搭建 创建父模块管理 创建子模板注册中心l ...
- 微服务实战项目-学成在线-课程发布模块
学成在线-课程发布模块 1 模块需求分析 1.1 模块介绍 课程信息编辑完毕即可发布课程,发布课程相当于一个确认操作,课程发布后学习者在网站可以搜索到课程,然后查看课程的详细信息,进一步选课.支付.在 ...
- 前端网页项目-学成在线案例
典型的企业级网站 目的是为了整体感知企业级网站布局流程,复习以前知识 准备素材和工具: 学成在线PSD源文件 开发工具=PS(切图)/cutterman插件+vscode(代码)+chrome(测试) ...
- 学成在线--1.CMS接口开发
文章目录 0.定义CMS 1.CMS页面管理 2.需求分析 3.模型类介绍 4.定义请求及响应类型 5.定义接口 6.创建CMS工程结构 7.Dao 1)创建Dao,继承MongoRepository ...
- 学成在线--2.CMS前端页面查询开发
文章目录 0.思路总结 1.创建CMS模块的目录架构 2.创建页面并配置路由 1)在page目录新建page_list.vue,扩展名为.vue. 2)在cms的router下配置路由. 3)在bas ...
- Java的新项目学成在线笔记-day10(三)
1.4 测试CMS一键发布接口 1.4.1 配置虚拟主机 在nginx配置课程详情页面的虚拟主机,实现访问:www.xuecheng.com/course/detail/.....html. #静态资 ...
- Java的新项目学成在线笔记-day10(二)
1.3 课程发布接口 1.3.1 Api接口 此Api接口由课程管理提供,由课程管理前端调用此Api接口,实现课程发布. 在api工程下课程管理包下定义接口: [mw_shl_code=applesc ...
- Java的新项目学成在线笔记-day6(五)
1.4 页面发布前端 用户操作流程: 1.用户进入cms页面列表. 2.点击"发布"请求服务端接口,发布页面. 3.提示"发布成功",或发布失败. 1.4.1 ...
- Java的新项目学成在线笔记-day10(一)
1 课程发布 1.1 需求分析 课程发布后将生成正式的课程详情页面,课程发布后用户即可浏览课程详情页面,并开始课程的学习. 课程发布生成课程详情页面的流程与课程预览业务流程相同,如下: 1.用户进入教 ...
最新文章
- 2018全球大学AI排名:清华位列亚洲大学综合排名首位
- Hibernate智能化分页
- 【实操】看了太多公式概念?你该学会怎么用T检验了!
- python效率提升_Python GUI开发,效率提升10倍的方法!
- 了解TCP的三次握手和四次挥手
- C++中变量使用前一定要初始化
- [JS]手写动画最小时间间隔设置
- Install and run DB Query Analyzer 6.04 on Microsoft Windows 10
- Clion配置Toolchains
- 【linux学习笔记八】常用命令
- Angular 7和 .NET Core 2.2——全球天气(第2部分)
- list each详解
- lucene-SpanQuery跨度查询基础
- android 微积分计算器,不到1M的良心之作 连微积分都能算的计算器APP
- winform直接控制云台_大疆DJI RSC2相机云台评测:折叠设计带来更多玩法
- 《仙剑奇侠传六》游戏感言
- ArcGIS导出shape地图边界点数据
- 绘制附带 AHT20 温湿度传感器的 stm32 电路原理图
- Linux删除其中一行的快捷键,Linux 命令快捷键
- ssrf dict MySQL_SSRF之利用dict和gopher吊打Redis
热门文章
- VC 2010下安装OpenCV2.4.4(来自wiki)
- HDU 1465 不容易系列之一 (错排)
- java 句柄无效_sql报句柄无效。 (异常来自 HRESULT:0x80070006 (E_HANDLE))
- 【视频】线性混合效应模型(LMM,Linear Mixed Models)和R语言实现案例
- 拓端tecdat:R语言梯度提升机 GBM、支持向量机SVM、正则判别分析RDA模型训练、参数调优化和性能比较可视化分析声纳数据
- 拓端tecdat|python隶属关系图模型:基于模型的网络中密集重叠社区检测方法
- 拓端tecdat|使用SAS Enterprise Miner进行数据挖掘:信用评分构建评分卡模型
- 允许其他用户通过本计算机连接+连接手机,如何用手机搜索到的WF网络通过数据线连接台式电脑,让台式电脑共享网络...
- 交换机短路_如何正确使用工业级交换机?
- php 文件服务器,GitHub - RainmanJin/PSFS: PHP Simple File Server 极简版PHP文件服务器