尚硅谷在线教育九：尚硅谷在线教育NUXT搭建前台环境以及相关页面的编写
2024-06-05 06:47:29
文章目录
- 1.服务端渲染技术NUXT
- 1.1什么是服务端渲染
- 1.2什么是NUXT
- 2.NUXT环境初始化
- 2.1下载压缩包
- 2.2解压
- 2.3安装ESLint
- 2.4修改package.json
- 2.5 修改nuxt.config.js
- 2.6 在命令终端中进入项目目录
- 2.7 安装依赖
- 2.8 测试运行
- 2.9 NUXT目录结构
- 2.10 NUX页面加载过程
- 3. 整合前台页面
- 3.1 安装幻灯片插件
- 3.2配置幻灯片插件
- 4.路由
- 4.1 路由的种类
- 5. 课程页面显示和动态路由
- 6. 讲师页面显示和动态路由
1.服务端渲染技术NUXT
1.1什么是服务端渲染
服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据。
服务器端渲染(SSR)的优势主要在于：更好的 SEO，由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。
如果你的应用程序初始展示 loading 菊花图，然后通过 Ajax 获取内容，抓取工具并不会等待异步完成后再进行页面内容的抓取。也就是说，如果 SEO 对你的站点至关重要，而你的页面又是异步获取内容，则你可能需要服务器端渲染(SSR)解决此问题。
另外，使用服务器端渲染，我们可以获得更快的内容到达时间(time-to-content)，无需等待所有的 JavaScript 都完成下载并执行，产生更好的用户体验，对于那些「内容到达时间(time-to-content)与转化率直接相关」的应用程序而言，服务器端渲染(SSR)至关重要。
1.2什么是NUXT
Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。
2.NUXT环境初始化
2.1下载压缩包
https://github.com/nuxt-community/starter-template/archive/master.zip
2.2解压
将template中的内容复制到 guli
2.3安装ESLint
将guli-admin项目下的.eslintrc.js配置文件复制到当前项目下
2.4修改package.json
name、description、author（必须修改这里，否则项目无法安装）
"name": "guli","version": "1.0.0","description": "谷粒学院前端","author": "smile",
2.5 修改nuxt.config.js
修改title: ‘{{ name }}’、content: ‘{{escape description }}’
这里的设置最后会显示在页面标题栏和meta数据中
head: {title: '谷粒学院 - Java视频|HTML5视频|前端视频|Python视频|大数据视频-自学拿1万+月薪的IT在线视频课程，谷粉力挺，老学员为你推荐',meta: [{ charset: 'utf-8' },{ name: 'viewport', content: 'width=device-width, initial-scale=1' },{ hid: 'keywords', name: 'keywords', content: '谷粒学院,IT在线视频教程,Java视频,HTML5视频,前端视频,Python视频,大数据视频' },{ hid: 'description', name: 'description', content: '谷粒学院是国内领先的IT在线视频学习平台、职业教育平台。截止目前,谷粒学院线上、线下学习人次数以万计！会同上百个知名开发团队联合制定的Java、HTML5前端、大数据、Python等视频课程，被广大学习者及IT工程师誉为：业界最适合自学、代码量最大、案例最多、实战性最强、技术最前沿的IT系列视频课程！' },],link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]},
2.6 在命令终端中进入项目目录
2.7 安装依赖
npm install
2.8 测试运行
npm run dev
输入网址:localhost:3000
2.9 NUXT目录结构
- 资源目录 assets
用于组织未编译的静态资源如 LESS、SASS 或 JavaScript。 - 组件目录 component
用于组织应用的 Vue.js 组件。Nuxt.js 不会扩展增强该目录下 Vue.js 组件，即这些组件不会像页面组件那样有 asyncData 方法的特性。 - 布局目录 layouts
用于组织应用的布局组件。 - 页面目录 pages
用于组织应用的路由及视图。Nuxt.js 框架读取该目录下所有的 .vue 文件并自动生成对应的路由配置。 - 插件目录 plugins
用于组织那些需要在 根vue.js应用 实例化之前需要运行的 Javascript 插件。 - nuxt.config.js 文件
nuxt.config.js 文件用于组织Nuxt.js 应用的个性化配置，以便覆盖默认配置。
2.10 NUX页面加载过程
先加载default.vue在加载index.vue,其中default.vue包含头部和尾部的信息
3. 整合前台页面
3.1 安装幻灯片插件
npm install vue-awesome-swiper
3.2配置幻灯片插件
- 在plugins文件夹下新建文件nuxt-swiper-plugin.js内容为
import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'
Vue.use(VueAwesomeSwiper)
- 在nuxt.config.js中配置插件
plugins: [{ src: '~/plugins/nuxt-swiper-plugin.js', ssr: false }],css: ['swiper/dist/css/swiper.css'],
3. 复制项目使用的静态资源
将资源中的前端资料/页面原型/assets复制到项目中.nuxt
4. 从课件复制代码到layouts目录下default.vue中
<template><div class="in-wrap"><!-- 公共头引入 --><header id="header"><section class="container"><h1 id="logo"><a href="#" title="谷粒学院"><img src="~/assets/img/logo.png" width="100%" alt="谷粒学院"></a></h1><div class="h-r-nsl"><ul class="nav"><router-link to="/" tag="li" active-class="current" exact><a>首页</a></router-link><router-link to="/course" tag="li" active-class="current"><a>课程</a></router-link><router-link to="/teacher" tag="li" active-class="current"><a>名师</a></router-link><router-link to="/article" tag="li" active-class="current"><a>文章</a></router-link><router-link to="/qa" tag="li" active-class="current"><a>问答</a></router-link></ul><!-- / nav --><ul class="h-r-login"><li id="no-login"><a href="/sing_in" title="登录"><em class="icon18 login-icon"> </em><span class="vam ml5">登录</span></a>|<a href="/sign_up" title="注册"><span class="vam ml5">注册</span></a></li><li class="mr10 undis" id="is-login-one"><a href="#" title="消息" id="headerMsgCountId"><em class="icon18 news-icon"> </em></a><q class="red-point" style="display: none"> </q></li><li class="h-r-user undis" id="is-login-two"><a href="#" title><imgsrc="~/assets/img/avatar-boy.gif"width="30"height="30"class="vam picImg"alt><span class="vam disIb" id="userName"></span></a><a href="javascript:void(0)" title="退出" onclick="exit();" class="ml5">退出</a></li><!-- /未登录显示第1 li；登录后显示第2，3 li --></ul><aside class="h-r-search"><form action="#" method="post"><label class="h-r-s-box"><input type="text" placeholder="输入你想学的课程" name="queryCourse.courseName" value><button type="submit" class="s-btn"><em class="icon18"> </em></button></label></form></aside></div><aside class="mw-nav-btn"><div class="mw-nav-icon"></div></aside><div class="clear"></div></section></header><!-- /公共头引入 --><nuxt/><!-- 公共底引入 --><footer id="footer"><section class="container"><div class><h4 class="hLh30"><span class="fsize18 f-fM c-999">友情链接</span></h4><ul class="of flink-list"><li><a href="http://www.atguigu.com/" title="尚硅谷" target="_blank">尚硅谷</a></li></ul><div class="clear"></div></div><div class="b-foot"><section class="fl col-7"><section class="mr20"><section class="b-f-link"><a href="#" title="关于我们" target="_blank">关于我们</a>|<a href="#" title="联系我们" target="_blank">联系我们</a>|<a href="#" title="帮助中心" target="_blank">帮助中心</a>|<a href="#" title="资源下载" target="_blank">资源下载</a>|<span>服务热线：010-56253825(北京) 0755-85293825(深圳)</span><span>Email：info@atguigu.com</span></section><section class="b-f-link mt10"><span>©2018课程版权均归谷粒学院所有 京ICP备17055252号</span></section></section></section><aside class="fl col-3 tac mt15"><section class="gf-tx"><span><img src="~/assets/img/wx-icon.png" alt></span></section><section class="gf-tx"><span><img src="~/assets/img/wb-icon.png" alt></span></section></aside><div class="clear"></div></div></section></footer><!-- /公共底引入 --></div>
</template>
<script>
import "~/assets/css/reset.css";
import "~/assets/css/theme.css";
import "~/assets/css/global.css";
import "~/assets/css/web.css";
export default {};
</script>
- 从课件赋值代码到pages/index.vue
<template><div><!-- 幻灯片 开始 --><!-- 幻灯片 结束 --><div id="aCoursesList"><!-- 网校课程 开始 --><div><section class="container"><header class="comm-title"><h2 class="tac"><span class="c-333">热门课程</span></h2></header><div><article class="comm-course-list"><ul class="of" id="bna"><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295592705.jpg"class="img-responsive"alt="听力口语"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="听力口语" class="course-title fsize18 c-333">听力口语</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">9634人学习</i>|<i class="c-999 f-fA">9634评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295581911.jpg"class="img-responsive"alt="Java精品课程"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="Java精品课程" class="course-title fsize18 c-333">Java精品课程</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">501人学习</i>|<i class="c-999 f-fA">501评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295604295.jpg"class="img-responsive"alt="C4D零基础"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="C4D零基础" class="course-title fsize18 c-333">C4D零基础</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">300人学习</i>|<i class="c-999 f-fA">300评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442302831779.jpg"class="img-responsive"alt="数学给宝宝带来的兴趣"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="数学给宝宝带来的兴趣" class="course-title fsize18 c-333">数学给宝宝带来的兴趣</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">256人学习</i>|<i class="c-999 f-fA">256评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295455437.jpg"class="img-responsive"alt="零基础入门学习Python课程学习"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><ahref="#"title="零基础入门学习Python课程学习"class="course-title fsize18 c-333">零基础入门学习Python课程学习</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">137人学习</i>|<i class="c-999 f-fA">137评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295570359.jpg"class="img-responsive"alt="MySql从入门到精通"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="MySql从入门到精通" class="course-title fsize18 c-333">MySql从入门到精通</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">125人学习</i>|<i class="c-999 f-fA">125评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442302852837.jpg"class="img-responsive"alt="搜索引擎优化技术"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="搜索引擎优化技术" class="course-title fsize18 c-333">搜索引擎优化技术</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">123人学习</i><i class="c-999 f-fA">123评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295379715.jpg"class="img-responsive"alt="20世纪西方音乐"><div class="cc-mask"><a href="#" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="20世纪西方音乐" class="course-title fsize18 c-333">20世纪西方音乐</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">34人学习</i>|<i class="c-999 f-fA">34评论</i></span></section></div></li></ul><div class="clear"></div></article><section class="tac pt20"><a href="#" title="全部课程" class="comm-btn c-btn-2">全部课程</a></section></div></section></div><!-- /网校课程 结束 --><!-- 网校名师 开始 --><div><section class="container"><header class="comm-title"><h2 class="tac"><span class="c-333">名师大咖</span></h2></header><div><article class="i-teacher-list"><ul class="of"><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="姚晨"><img alt="姚晨" src="~/assets/photo/teacher/1442297885942.jpg"></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="姚晨" class="fsize18 c-666">姚晨</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">北京师范大学法学院副教授</span></div><div class="mt15 i-q-txt"><pclass="c-999 f-fA">北京师范大学法学院副教授、清华大学法学博士。自2004年至今已有9年的司法考试培训经验。长期从事司法考试辅导，深知命题规律，了解解题技巧。内容把握准确，授课重点明确，层次分明，调理清晰，将法条法理与案例有机融合，强调综合，深入浅出。</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="谢娜"><img alt="谢娜" src="~/assets/photo/teacher/1442297919077.jpg"></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="谢娜" class="fsize18 c-666">谢娜</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">资深课程设计专家，专注10年AACTP美国培训协会认证导师</span></div><div class="mt15 i-q-txt"><pclass="c-999 f-fA">十年课程研发和培训咨询经验，曾任国企人力资源经理、大型外企培训经理，负责企业大学和培训体系搭建；曾任专业培训机构高级顾问、研发部总监，为包括广东移动、东莞移动、深圳移动、南方电网、工商银行、农业银行、民生银行、邮储银行、TCL集团、清华大学继续教育学院、中天路桥、广西扬翔股份等超过200家企业提供过培训与咨询服务，并担任近50个大型项目的总负责人。</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="刘德华"><img alt="刘德华" src="~/assets/photo/teacher/1442297927029.jpg"></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="刘德华" class="fsize18 c-666">刘德华</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">上海师范大学法学院副教授</span></div><div class="mt15 i-q-txt"><pclass="c-999 f-fA">上海师范大学法学院副教授、清华大学法学博士。自2004年至今已有9年的司法考试培训经验。长期从事司法考试辅导，深知命题规律，了解解题技巧。内容把握准确，授课重点明确，层次分明，调理清晰，将法条法理与案例有机融合，强调综合，深入浅出。</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="周润发"><img alt="周润发" src="~/assets/photo/teacher/1442297935589.jpg"></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="周润发" class="fsize18 c-666">周润发</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">考研政治辅导实战派专家，全国考研政治命题研究组核心成员。</span></div><div class="mt15 i-q-txt"><pclass="c-999 f-fA">法学博士，北京师范大学马克思主义学院副教授，专攻毛泽东思想概论、邓小平理论，长期从事考研辅导。出版著作两部，发表学术论文30余篇，主持国家社会科学基金项目和教育部重大课题子课题各一项，参与中央实施马克思主义理论研究和建设工程项目。</p></div></section></li></ul><div class="clear"></div></article><section class="tac pt20"><a href="#" title="全部讲师" class="comm-btn c-btn-2">全部讲师</a></section></div></section></div><!-- /网校名师 结束 --></div></div>
</template><script>
export default {}
</script>
- 添加幻灯片
在pages/index.vue中添加
幻灯片的代码
<!-- 幻灯片 开始 --><div v-swiper:mySwiper="swiperOption"><div class="swiper-wrapper"><div class="swiper-slide" style="background: #040B1B;"><a target="_blank" href="/"><img src="~/assets/photo/banner/1525939573202.jpg" alt="首页banner"></a></div><div class="swiper-slide" style="background: #040B1B;"><a target="_blank" href="/"><img src="~/assets/photo/banner/153525d0ef15459596.jpg" alt="首页banner"></a></div></div><div class="swiper-pagination swiper-pagination-white"></div><div class="swiper-button-prev swiper-button-white" slot="button-prev"></div><div class="swiper-button-next swiper-button-white" slot="button-next"></div>
</div><!-- 幻灯片 结束 -->
相应的js代码
<script>
export default {data () {return {swiperOption: {//配置分页pagination: {el: '.swiper-pagination'//分页的dom节点},//配置导航navigation: {nextEl: '.swiper-button-next',//下一页dom节点prevEl: '.swiper-button-prev'//前一页dom节点}}}}
}
</script>
4.路由
4.1 路由的种类
- 动态路由
路由地址不发生改变
使用to设置路由跳转地址
做法
比如：to="/course"在pages里面创建course文件夹，里面创建index.vue
- 动态路由
每次生成路由地址不一样，比如课程详情页面，每个课程id不一样，NUXT的动态路由是以下划线开头的vue文件，参数名为下划线后边的文件名
5. 课程页面显示和动态路由
- 没有在pages文件下创建course文件夹的，创建course文件夹，并创建index.vue和_id.vue两个文件
- index.vue中的内容
<template><div id="aCoursesList" class="bg-fa of"><!-- /课程列表 开始 --><section class="container"><header class="comm-title"><h2 class="fl tac"><span class="c-333">全部课程</span></h2></header><section class="c-sort-box"><section class="c-s-dl"><dl><dt><span class="c-999 fsize14">课程类别</span></dt><dd class="c-s-dl-li"><ul class="clearfix"><li><a title="全部" href="#">全部</a></li><li><a title="数据库" href="#">数据库</a></li><li class="current"><a title="外语考试" href="#">外语考试</a></li><li><a title="教师资格证" href="#">教师资格证</a></li><li><a title="公务员" href="#">公务员</a></li><li><a title="移动开发" href="#">移动开发</a></li><li><a title="操作系统" href="#">操作系统</a></li></ul></dd></dl><dl><dt><span class="c-999 fsize14"></span></dt><dd class="c-s-dl-li"><ul class="clearfix"><li><a title="职称英语" href="#">职称英语</a></li><li><a title="英语四级" href="#">英语四级</a></li><li><a title="英语六级" href="#">英语六级</a></li></ul></dd></dl><div class="clear"></div></section><div class="js-wrap"><section class="fr"><span class="c-ccc"><i class="c-master f-fM">1</i>/<i class="c-666 f-fM">1</i></span></section><section class="fl"><ol class="js-tap clearfix"><li><a title="关注度" href="#">关注度</a></li><li><a title="最新" href="#">最新</a></li><li class="current bg-orange"><a title="价格" href="#">价格 <span>↓</span></a></li></ol></section></div><div class="mt40"><!-- /无数据提示 开始--><section class="no-data-wrap"><em class="icon30 no-data-ico"> </em><span class="c-666 fsize14 ml10 vam">没有相关数据，小编正在努力整理中...</span></section><!-- /无数据提示 结束--><article class="comm-course-list"><ul class="of" id="bna"><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295592705.jpg" class="img-responsive" alt="听力口语"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="听力口语" class="course-title fsize18 c-333">听力口语</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">9634人学习</i>|<i class="c-999 f-fA">9634评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295581911.jpg" class="img-responsive" alt="Java精品课程"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="Java精品课程" class="course-title fsize18 c-333">Java精品课程</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">501人学习</i>|<i class="c-999 f-fA">501评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295604295.jpg" class="img-responsive" alt="C4D零基础"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="C4D零基础" class="course-title fsize18 c-333">C4D零基础</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">300人学习</i>|<i class="c-999 f-fA">300评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442302831779.jpg"class="img-responsive"alt="数学给宝宝带来的兴趣"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="数学给宝宝带来的兴趣" class="course-title fsize18 c-333">数学给宝宝带来的兴趣</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">256人学习</i>|<i class="c-999 f-fA">256评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295455437.jpg"class="img-responsive"alt="零基础入门学习Python课程学习"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><ahref="/course/1"title="零基础入门学习Python课程学习"class="course-title fsize18 c-333">零基础入门学习Python课程学习</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">137人学习</i>|<i class="c-999 f-fA">137评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><imgsrc="~/assets/photo/course/1442295570359.jpg"class="img-responsive"alt="MySql从入门到精通"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="MySql从入门到精通" class="course-title fsize18 c-333">MySql从入门到精通</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">125人学习</i>|<i class="c-999 f-fA">125评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442302852837.jpg" class="img-responsive" alt="搜索引擎优化技术"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="搜索引擎优化技术" class="course-title fsize18 c-333">搜索引擎优化技术</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">123人学习</i>|<i class="c-999 f-fA">123评论</i></span></section></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295379715.jpg" class="img-responsive" alt="20世纪西方音乐"><div class="cc-mask"><a href="/course/1" title="开始学习" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="/course/1" title="20世纪西方音乐" class="course-title fsize18 c-333">20世纪西方音乐</a></h3><section class="mt10 hLh20 of"><span class="fr jgTag bg-green"><i class="c-fff fsize12 f-fA">免费</i></span><span class="fl jgAttr c-ccc f-fA"><i class="c-999 f-fA">34人学习</i>|<i class="c-999 f-fA">34评论</i></span></section></div></li></ul><div class="clear"></div></article></div><!-- 公共分页 开始 --><div><div class="paging"><a class="undisable" title>首</a><a id="backpage" class="undisable" href="#" title><</a><a href="#" title class="current undisable">1</a><a href="#" title>2</a><a id="nextpage" href="#" title>></a><a href="#" title>末</a><div class="clear"></div></div></div><!-- 公共分页 结束 --></section></section><!-- /课程列表 结束 --></div>
</template>
<script>
export default {};
</script>
- _id.vue里面的内容
<template><div id="aCoursesList" class="bg-fa of"><!-- /课程详情 开始 --><section class="container"><section class="path-wrap txtOf hLh30"><a href="#" title class="c-999 fsize14">首页</a>\<a href="#" title class="c-999 fsize14">课程列表</a>\<span class="c-333 fsize14">Java精品课程</span></section><div><article class="c-v-pic-wrap" style="height: 357px;"><section class="p-h-video-box" id="videoPlay"><img src="~/assets/photo/course/1442295581911.jpg" alt="Java精品课程" class="dis c-v-pic"></section></article><aside class="c-attr-wrap"><section class="ml20 mr15"><h2 class="hLh30 txtOf mt15"><span class="c-fff fsize24">Java精品课程</span></h2><section class="c-attr-jg"><span class="c-fff">价格：</span><b class="c-yellow" style="font-size:24px;">￥0.00</b></section><section class="c-attr-mt c-attr-undis"><span class="c-fff fsize14">主讲： 唐嫣 </span></section><section class="c-attr-mt of"><span class="ml10 vam"><em class="icon18 scIcon"></em><a class="c-fff vam" title="收藏" href="#" >收藏</a></span></section><section class="c-attr-mt"><a href="#" title="立即观看" class="comm-btn c-btn-3">立即观看</a></section></section></aside><aside class="thr-attr-box"><ol class="thr-attr-ol clearfix"><li><p> </p><aside><span class="c-fff f-fM">购买数</span><br><h6 class="c-fff f-fM mt10">150</h6></aside></li><li><p> </p><aside><span class="c-fff f-fM">课时数</span><br><h6 class="c-fff f-fM mt10">20</h6></aside></li><li><p> </p><aside><span class="c-fff f-fM">浏览数</span><br><h6 class="c-fff f-fM mt10">501</h6></aside></li></ol></aside><div class="clear"></div></div><!-- /课程封面介绍 --><div class="mt20 c-infor-box"><article class="fl col-7"><section class="mr30"><div class="i-box"><div><section id="c-i-tabTitle" class="c-infor-tabTitle c-tab-title"><a name="c-i" class="current" title="课程详情">课程详情</a></section></div><article class="ml10 mr10 pt20"><div><h6 class="c-i-content c-infor-title"><span>课程介绍</span></h6><div class="course-txt-body-wrap"><section class="course-txt-body"><p>Java的发展历史，可追溯到1990年。当时Sun Microsystem公司为了发展消费性电子产品而进行了一个名为Green的项目计划。该计划负责人是James Gosling。起初他以C++来写一种内嵌式软件，可以放在烤面包机或PAD等小型电子消费设备里，使得机器更聪明，具有人工智能。但他发现C++并不适合完成这类任务！因为C++常会有使系统失效的程序错误，尤其是内存管理，需要程序设计师记录并管理内存资源。这给设计师们造成极大的负担，并可能产生许多bugs。 <br>为了解决所遇到的问题，Gosling决定要发展一种新的语言，来解决C++的潜在性危险问题，这个语言名叫Oak。Oak是一种可移植性语言，也就是一种平台独立语言，能够在各种芯片上运行。<br>1994年，Oak技术日趋成熟，这时网络正开始蓬勃发展。Oak研发小组发现Oak很适合作为一种网络程序语言。因此发展了一个能与Oak配合的浏览器--WebRunner，后更名为HotJava，它证明了Oak是一种能在网络上发展的程序语言。由于Oak商标已被注册，工程师们便想到以自己常享用的咖啡(Java)来重新命名，并于Sun World 95中被发表出来。</p></section></div></div><!-- /课程介绍 --><div class="mt50"><h6 class="c-g-content c-infor-title"><span>课程大纲</span></h6><section class="mt20"><div class="lh-menu-wrap"><menu id="lh-menu" class="lh-menu mt10 mr10"><ul><!-- 文件目录 --><li class="lh-menu-stair"><a href="javascript: void(0)" title="第一章" class="current-1"><em class="lh-menu-i-1 icon18 mr10"></em>第一章</a><ol class="lh-menu-ol" style="display: block;"><li class="lh-menu-second ml30"><a href="#" title><span class="fr"><i class="free-icon vam mr10">免费试听</i></span><em class="lh-menu-i-2 icon16 mr5"> </em>第一节</a></li><li class="lh-menu-second ml30"><a href="#" title class="current-2"><em class="lh-menu-i-2 icon16 mr5"> </em>第二节</a></li></ol></li></ul></menu></div></section></div><!-- /课程大纲 --></article></div></section></article><aside class="fl col-3"><div class="i-box"><div><section class="c-infor-tabTitle c-tab-title"><a title href="javascript:void(0)">主讲讲师</a></section><section class="stud-act-list"><ul style="height: auto;"><li><div class="u-face"><a href="#"><img src="~/assets/photo/teacher/1442297969808.jpg" width="50" height="50" alt></a></div><section class="hLh30 txtOf"><a class="c-333 fsize16 fl" href="#">周杰伦</a></section><section class="hLh20 txtOf"><span class="c-999">毕业于北京大学数学系</span></section></li></ul></section></div></div></aside><div class="clear"></div></div></section><!-- /课程详情 结束 --></div>
</template><script>
export default {};
</script>6. 讲师页面显示和动态路由
- 没有在pages文件下创建teacher文件夹的，创建teacher文件夹，并创建index.vue和_id.vue两个文件
- index.vue中的内容
<template><div id="aCoursesList" class="bg-fa of"><!-- 讲师列表 开始 --><section class="container"><header class="comm-title all-teacher-title"><h2 class="fl tac"><span class="c-333">全部讲师</span></h2><section class="c-tab-title"><a id="subjectAll" title="全部" href="#">全部</a><!-- <c:forEach var="subject" items="${subjectList }"><a id="${subject.subjectId}" title="${subject.subjectName }" href="javascript:void(0)" onclick="submitForm(${subject.subjectId})">${subject.subjectName }</a></c:forEach>--></section></header><section class="c-sort-box unBr"><div><!-- /无数据提示 开始--><section class="no-data-wrap"><em class="icon30 no-data-ico"> </em><span class="c-666 fsize14 ml10 vam">没有相关数据，小编正在努力整理中...</span></section><!-- /无数据提示 结束--><article class="i-teacher-list"><ul class="of"><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="姚晨" target="_blank"><img src="~/assets/photo/teacher/1442297885942.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="姚晨" target="_blank" class="fsize18 c-666">姚晨</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">北京师范大学法学院副教授、清华大学法学博士。自2004年至今已有9年的司法考试培训经验。长期从事司法考试辅导，深知命题规律，了解解题技巧。内容把握准确，授课重点明确，层次分明，调理清晰，将法条法理与案例有机融合，强调综合，深入浅出。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">北京师范大学法学院副教授</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="谢娜" target="_blank"><img src="~/assets/photo/teacher/1442297919077.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="谢娜" target="_blank" class="fsize18 c-666">谢娜</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">十年课程研发和培训咨询经验，曾任国企人力资源经理、大型外企培训经理，负责企业大学和培训体系搭建；曾任专业培训机构高级顾问、研发部总监，为包括广东移动、东莞移动、深圳移动、南方电网、工商银行、农业银行、民生银行、邮储银行、TCL集团、清华大学继续教育学院、中天路桥、广西扬翔股份等超过200家企业提供过培训与咨询服务，并担任近50个大型项目的总负责人。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">资深课程设计专家，专注10年AACTP美国培训协会认证导师</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="刘德华" target="_blank"><img src="~/assets/photo/teacher/1442297927029.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="刘德华" target="_blank" class="fsize18 c-666">刘德华</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">上海师范大学法学院副教授、清华大学法学博士。自2004年至今已有9年的司法考试培训经验。长期从事司法考试辅导，深知命题规律，了解解题技巧。内容把握准确，授课重点明确，层次分明，调理清晰，将法条法理与案例有机融合，强调综合，深入浅出。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">上海师范大学法学院副教授</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="周润发" target="_blank"><img src="~/assets/photo/teacher/1442297935589.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="周润发" target="_blank" class="fsize18 c-666">周润发</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">法学博士，北京师范大学马克思主义学院副教授，专攻毛泽东思想概论、邓小平理论，长期从事考研辅导。出版著作两部，发表学术论文30余篇，主持国家社会科学基金项目和教育部重大课题子课题各一项，参与中央实施马克思主义理论研究和建设工程项目。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">考研政治辅导实战派专家，全国考研政治命题研究组核心成员。</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="钟汉良" target="_blank"><img src="~/assets/photo/teacher/1442298121626.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="钟汉良" target="_blank" class="fsize18 c-666">钟汉良</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">具备深厚的数学思维功底、丰富的小学教育经验，授课风格生动活泼，擅长用形象生动的比喻帮助理解、简单易懂的语言讲解难题，深受学生喜欢</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">毕业于师范大学数学系，热爱教育事业，执教数学思维6年有余</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="唐嫣" target="_blank"><img src="~/assets/photo/teacher/1442297957332.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="唐嫣" target="_blank" class="fsize18 c-666">唐嫣</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">中国科学院数学与系统科学研究院应用数学专业博士，研究方向为数字图像处理，中国工业与应用数学学会会员。参与全国教育科学“十五”规划重点课题“信息化进程中的教育技术发展研究”的子课题“基与课程改革的资源开发与应用”，以及全国“十五”科研规划全国重点项目“掌上型信息技术产品在教学中的运用和开发研究”的子课题“用技术学数学”。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">中国人民大学附属中学数学一级教师</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="周杰伦" target="_blank"><img src="~/assets/photo/teacher/1442297969808.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="周杰伦" target="_blank" class="fsize18 c-666">周杰伦</a></div><div class="hLh30 txtOf tac"><span class="fsize14 c-999">中教一级职称。讲课极具亲和力。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">毕业于北京大学数学系</p></div></section></li><li><section class="i-teach-wrap"><div class="i-teach-pic"><a href="/teacher/1" title="陈伟霆" target="_blank"><img src="~/assets/photo/teacher/1442297977255.jpg" alt></a></div><div class="mt10 hLh30 txtOf tac"><a href="/teacher/1" title="陈伟霆" target="_blank" class="fsize18 c-666">陈伟霆</a></div><div class="hLh30 txtOf tac"><spanclass="fsize14 c-999">政治学博士、管理学博士后，北京师范大学马克思主义学院副教授。多年来总结出了一套行之有效的应试技巧与答题方法，针对性和实用性极强，能帮助考生在轻松中应考，在激励的竞争中取得高分，脱颖而出。</span></div><div class="mt15 i-q-txt"><p class="c-999 f-fA">长期从事考研政治课讲授和考研命题趋势与应试对策研究。考研辅导新锐派的代表。</p></div></section></li></ul><div class="clear"></div></article></div><!-- 公共分页 开始 --><div><div class="paging"><!-- undisable这个class是否存在，取决于数据属性hasPrevious --><a href="#" title="首页">首</a><a href="#" title="前一页"><</a><a href="#" title="第1页" class="current undisable">1</a><a href="#" title="第2页">2</a><a href="#" title="后一页">></a><a href="#" title="末页">末</a><div class="clear"></div></div></div><!-- 公共分页 结束 --></section></section><!-- /讲师列表 结束 --></div>
</template>
<script>
export default {};
</script>
- _id.vue
<template><div id="aCoursesList" class="bg-fa of"><!-- 讲师介绍 开始 --><section class="container"><header class="comm-title"><h2 class="fl tac"><span class="c-333">讲师介绍</span></h2></header><div class="t-infor-wrap"><!-- 讲师基本信息 --><section class="fl t-infor-box c-desc-content"><div class="mt20 ml20"><section class="t-infor-pic"><img src="~/assets/photo/teacher/1442297885942.jpg"></section><h3 class="hLh30"><span class="fsize24 c-333">姚晨 高级讲师</span></h3><section class="mt10"><span class="t-tag-bg">北京师范大学法学院副教授</span></section><section class="t-infor-txt"><pclass="mt20">北京师范大学法学院副教授、清华大学法学博士。自2004年至今已有9年的司法考试培训经验。长期从事司法考试辅导，深知命题规律，了解解题技巧。内容把握准确，授课重点明确，层次分明，调理清晰，将法条法理与案例有机融合，强调综合，深入浅出。</p></section><div class="clear"></div></div></section><div class="clear"></div></div><section class="mt30"><div><header class="comm-title all-teacher-title c-course-content"><h2 class="fl tac"><span class="c-333">主讲课程</span></h2><section class="c-tab-title"><a href="javascript: void(0)"> </a></section></header><!-- /无数据提示 开始--><section class="no-data-wrap"><em class="icon30 no-data-ico"> </em><span class="c-666 fsize14 ml10 vam">没有相关数据，小编正在努力整理中...</span></section><!-- /无数据提示 结束--><article class="comm-course-list"><ul class="of"><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295455437.jpg" class="img-responsive" ><div class="cc-mask"><a href="#" title="开始学习" target="_blank" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="零基础入门学习Python课程学习" target="_blank" class="course-title fsize18 c-333">零基础入门学习Python课程学习</a></h3></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295472860.jpg" class="img-responsive" ><div class="cc-mask"><a href="#" title="开始学习" target="_blank" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="影想力摄影小课堂" target="_blank" class="course-title fsize18 c-333">影想力摄影小课堂</a></h3></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442302831779.jpg" class="img-responsive" ><div class="cc-mask"><a href="#" title="开始学习" target="_blank" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="数学给宝宝带来的兴趣" target="_blank" class="course-title fsize18 c-333">数学给宝宝带来的兴趣</a></h3></div></li><li><div class="cc-l-wrap"><section class="course-img"><img src="~/assets/photo/course/1442295506745.jpg" class="img-responsive" ><div class="cc-mask"><a href="#" title="开始学习" target="_blank" class="comm-btn c-btn-1">开始学习</a></div></section><h3 class="hLh30 txtOf mt10"><a href="#" title="国家教师资格考试专用" target="_blank" class="course-title fsize18 c-333">国家教师资格考试专用</a></h3></div></li></ul><div class="clear"></div></article></div></section></section><!-- /讲师介绍 结束 --></div>
</template>
<script>
export default {};
</script>
尚硅谷在线教育九：尚硅谷在线教育NUXT搭建前台环境以及相关页面的编写相关推荐
- 教育机构如何提升在线教育技术能力？ | 云+社区技术沙龙
教育机构如何提升在线教育技术能力? 如何给用户稳定.清晰流畅的在线互动体验? AI和大数据的发展会给行业带来哪些变革? 腾讯云结合自身优势,从在线教育的业务营销.教学业务应用与管理方面助力行业合伙发展 ...
- 在线教育直播系统 一对一在线直播平台解决方案
在线教育直播系统 一对一在线直播平台解决方案 在线教育直播系统功能模块 在线教育直播系统讲师端功能 在线教育直播系统学生端功能 一对一在线教育系统功能介绍 一对一在线教育系统优势 在线教育直播系统功能 ...
- 下面哪项属于计算机在教育教学中的应用,东师现代教育技术18秋在线作业2答案...
现代教育技术18秋在线作业2-0005 试卷总分:100 得分:0 一. 单选题 (共 10 道试题,共 25 分) 1.不仅具有路由的功能,而且能对两个网络段中使用不同传输协议的数据进行互相的 ...
- 在线教育、精品课程、直播课、课程交流、历史观看、订单、收藏、余额、推荐、关注、购买课程、充值、产品设计、线上教育、视频课程、教育app、在线课堂、网络教学、远程教育、教学辅导、学习平台、K12教育
在线教育.精品课程.直播课.课程交流.历史观看.订单.收藏.余额.推荐.关注.购买课程.充值.产品设计.线上教育.视频课程.教育app.在线课堂.网络教学.远程教育.教学辅导.学习平台.K12教育 A ...
- 基于html5的在线教育,基于HTML5的在线学习系统的设计与实现
基于HTML5的在线学习系统的设计与实现 发布时间:2019-11-18所属分类:科技论文浏览:1次 摘 要: 摘 要: 在线课程学习网站的发展迅速,吸引了广大用户.基于 HTML5 的在线学习系统经 ...
- 北师大计算机在线作业9,北师大网络教育《计算机动画》在线作业-20210614020942.pdf-原创力文档...
北师大网络教育<计算机动画>在线作业 以下哪个工具不可以用来绘制或者调整路径 ( ) . [线条工具] [铅笔工具] [选择工具] [手形工具] 如果想要改变绘制图形的线条颜色 , 应该使 ...
- 在线教育20年：在线教育的未来发展趋势
作者:刘燕.即构科技在线教育产品首席架构师,在线教育行业资深应用专家,服务在线教育行业近20年. 文章为刘燕基于多年的行业观察,结合在即构科技服务多家头部教育客户的经验,分享对在线教育行业未来演变的思 ...
- itutorgroup：在线教育与传统线下教育的七大区别你知多少？
说起教育培训行业,现在已经分为两大阵营了,一是传统的线下培训,另一个则是最近几年大火的在线教育,为什么会这样呢?两者有什么区别呢?为什么现在越来越多的人开始选择在线教育,传统的线下培训输在哪里呢?下面 ...
- 校宝在线的延迟满足：做教育产业互联网平台
8月23日,教育产业服务平台校宝在线主办的"SEE 2019教育服务共建大会"在杭州云栖小镇召开,SEE 2019首届大会主题是"新教育",来自全国各地的数千名 ...
最新文章
- UITextField的详细使用
- 实现一个模拟CMD.exe命令编辑模式执行与显示的Delphi控件
- 华为开发者大会上，鸿蒙问世、方舟编译器开源、还有 EMUI 10；壕置100万美元，苹果推出漏洞攻击报告赏金计划……...
- Each interface on the back of the fuselage
- 流放者柯南rust_《流放者柯南》玩法前瞻 奴隶助你生活奔小康
- 开课吧：一文解析Nexus是什么
- java分布式缓存memcached_分布式缓存系统Memcached学习心得
- 用户管理系统_河北会计管理系统个人用户 使用手册
- Axure各种版本注册码 | 最新Axure RP 8.1.0.3377的授权码
- 入门OJ P:1300 面积题解
- stm32 matlab 滤波器,STM32实现IIR滤波器，可用matlab生成的头文件
- 信息系统项目管理师考试教程（第3版）PDF
- 怎样控制竞价点击价格
- Windows下USB驱动开发入门小结
- 社区团购小程序+界面diy+分销+附近团长+供应商+拼团+菜谱+秒杀+预售+配送+直播
- 沈从文《边城》中的“碾坊”与“渡船”、“车路”与“马路”
- 171002 逆向-Reversing.kr（AutoHotKey）
- Hwang Keum-Ok asked:
- 基于单片机定时闹钟设计
- 2012年培养学员25万人，每年增长25%，请问按此增长速度，哪一年培训学员人数到达100万人？