阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_03-vuejs研究-vuejs基础-入门程序...
本次测试我们在门户目录中创建一个html页面进行测试,正式的页面管理前端程序会单独创建工程。
在门户目录中创建vuetest目录,并且在目录下创建vue_01.html文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF‐8">
<title>vue.js入门程序</title>
<script src="/js/vue/vue.min.js"></script>
</head>
<body>
<div id="app">
{{name}}
<!‐‐ 在Vue接管区域中使用Vue的系统指令呈现数据
这些指令就相当于是MVVM中的View这个角色 ‐‐>
</div>
</body>
<script>
// 实例化Vue对象
//vm :叫做MVVM中的 View Model
var VM = new Vue({
el:"#app",//表示当前vue对象接管app的div区域
data:{
name:'传智播客'// 相当于是MVVM中的Model这个角色
}
});
</script>
</html>
在我们的前端工程里面创建vuetest的目录
把vue.min.js文件拷贝过去
创建一个html
转载于:https://www.cnblogs.com/wangjunwei/p/11545335.html
阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_03-vuejs研究-vuejs基础-入门程序...相关推荐
- 2023年最新黑马程序员Java微服务项目--学成在线
正式上线Java微服务项目<学成在线> 项目对程序员的重要性 不用播妞多说了吧 更重要的是 这次是完整!实战!企业级!项目! 划重点:全新发布!正式上线! <学成在线>项目以在 ...
- 学成在线--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 ...
- 微服务实战项目-学成在线-课程发布模块
学成在线-课程发布模块 1 模块需求分析 1.1 模块介绍 课程信息编辑完毕即可发布课程,发布课程相当于一个确认操作,课程发布后学习者在网站可以搜索到课程,然后查看课程的详细信息,进一步选课.支付.在 ...
- 前端网页项目-学成在线案例
典型的企业级网站 目的是为了整体感知企业级网站布局流程,复习以前知识 准备素材和工具: 学成在线PSD源文件 开发工具=PS(切图)/cutterman插件+vscode(代码)+chrome(测试) ...
- 学成在线首页【前端知识】
写在前面的话: 本章内容:学成在线首页 所利用的知识:CSS基本知识,盒子模型,CSS综合 参考视频:黑马程序员pink老师前端入门教学 点击链接,看视频学习https://www.bilibili. ...
- Java的新项目学成在线笔记-day10(三)
1.4 测试CMS一键发布接口 1.4.1 配置虚拟主机 在nginx配置课程详情页面的虚拟主机,实现访问:www.xuecheng.com/course/detail/.....html. #静态资 ...
- Java的新项目学成在线笔记-day6(五)
1.4 页面发布前端 用户操作流程: 1.用户进入cms页面列表. 2.点击"发布"请求服务端接口,发布页面. 3.提示"发布成功",或发布失败. 1.4.1 ...
- Java的新项目学成在线笔记-day7(一)
1.1需求分析 课程添加完成后可通过我的课程进入课程修改页面,此页面显示我的课程列表,如下图所示,可分页查询. 注意:由于课程图片服务器没有搭建,这里在测试时图片暂时无法显示. 上边的查询要实现分页. ...
- 学成在线--6.CMS页面管理开发(删除页面)
文章目录 0.删除用户逻辑 1.删除页面接口定义 2.后端开发--Dao 3.后端开发--Service 4.后端开发--controller 5.前端开发--page_list.vue添加删除按钮 ...
最新文章
- JavaScript 运行机制详解:Event Loop
- servle 3.0 新特性之一 对上传表单的支持
- c语言int的存储形式,C语言变量的存储类型有3种,即int型、float型和char型
- Redis系统管理相关指令简介
- 依赖反转原理,IoC容器和依赖注入:第5部分
- 莫烦python学习笔记
- jqprint 分页打印_jQuery打印Html页面自动分页
- 数据库原理与应用——课程介绍及数据库系统概论(上)
- Python爬取堆糖帅哥照片
- 在Jetty中快速搭建SSL
- 新加坡暑假旅游攻略:一天玩转新加坡圣淘沙岛
- hyperledger环境搭建(mac11.1、ubunt20)
- android关闭硬件动画加速器,Android中的硬件加速
- windows7、10磁盘分区以及磁盘扩展(详细教程以及注意事项)
- 第五人格维修服务器中要不要玩,第五人格:匹配制度辣鸡!服务器还是崩!第五真的要凉了吗?...
- 查看linux系统是centos还是ubuntu的方法
- java技术学习交流群,诚邀您的加入
- linux获取系统信息(sysinfo函数的使用)
- javaScript解决浏览器兼容问题,判断浏览器是ie或者Chrome
- 基于layui 的数据表格复杂表头导出到excel文件中
热门文章
- (5) 学习笔记_numpy
- dedecms channel php,DedeCMS在{dede:channel}标签前加序列号
- python实现画板功能并操作数据库
- java文件字节流和文件字符流的使用
- 短网址算法 php,PHP短网址生成算法
- oracle8i数据库修复,用ORACLE8i修复数据库坏块的三种方法
- java sha加密算法_Java加密 消息摘要算法SHA实现详解
- ImportError: IProgress not found. Please update jupyter and ipywidgets.
- Ubuntu16.04系统 GPU1070Ti下搭建Caffe++Nvidia显卡驱动+Cuda9.0+Cudnn7.0.5
- opencv实现图像目标对象区域挖掘