# 1. 第一学期
# vscode [下载]
下载完成之后,解压即可安装 安装vscode(第一学期视频第4课)
# 第一学期封装的css样式库:common.1.0.css
# 2. 第二学期
# ① 第一季
# UPUPW 搭建本地服务器 [下载]
注意:若想下载跟课程同一个版本的,请去群文件里面下载
本软件用于搭建本地服务器,下载完成后解压安装并搭建本地服务器,具体看第二学期第1季课程视频:搭建本地服务器
# ② 第二季
# jQuery [下载]
课程用的版本是:1.11.3的版本,大家可以去下载,也可以群里面下载课程课件,里面有这个版本的jQuery库。
# jQuery的插件:cookie [下载]
课程中讲到jQuery的插件,用cookie插件做的演示
# 表单选择器
# 表单序列化
# 跨域jsonp
模拟百度搜索提示小案例:跨域jsonp模拟百度搜索提示数据
# 下载安装node.js
请查看对应课程视频或者文档安装:node.js
nodejs中文官网 nodejs英文官网
# 下载安装nvm (node版本管理工具,切换node版本)
① 访问NVM的github仓库:下载github仓库中的nvm ② 去群里面下载对应的课件,里面有安装包
安装非常简单,跟上面安装nodejs一样,下一步下一步(next)直到安装完成。
# 安装nodemon (nodejs项目监测文件变化,自动重启工具)
# 安装nrm (使用nrm管理npm下载源)
# 小案例:node.js + jQuery完成:网页 “联系我们” 页面的留言板功能
# 小案例:nodejs服务器端app.js文件,在留言板上对手机号进行加密
# 小案例:正则表达式:模拟百度搜索,搜索的关键字设置成红色
# 小案例:书写常用正则表达式
具体查看:案例:书写常用正则表达式
# 下载Vue.js [Vue2]
请查看对应课程视频或者 [vue.js下载]
[vue.js在线引入] [vue.js基础教程]
# 小案例:node.js+vue.js 渲染企业网站
# ③ 第三季
# Egg.js [Egg.js官网]
Egg.js是阿里提供的Node.js应用的核心基础设施,它面向的领域是:企业级的 web 基础框架。
是在基于Nodejs的框架:Express和Koa框架的基础上(Express和Koa缺乏约定,缺乏规范)
Eggjs对MVA进行约定规范,Eggjs为企业级框架和应用而生。
使用前记得在vscode中先安装eggjs的插件:eggjs/Egg.js dev tools等
# 安装Egg.js项目
# 安装postman
# 小案例:eggjs + postman测试工具完成留言数据写入json文件
本案例:eggjs + postman测试工具完成留言数据写入json文件,具体查看:案例:eggjs+postman测试工具将留言写入json文件
# mysql(MySQL)数据库基础
数据库作为我们Egg.js基础学习的一部分,大家先学习数据库的基础知识。具体查看:mysql(MySQL)数据库基础
# egg.js基础课程总结
基础总结文档,对章节2:egg.js基础16个知识点的总结文档,查看 egg.js基础总结
egg.js重要知识详细文档,查看 egg.js重要知识详细文档
# 响应式网页布局
具体查看 [响应式网页布局]
# Bootstrap框架
# 响应式网站后台管理系统(egg.js + Bootstrap)
从0开始开发, 从
搭建界面引入模版html文件开始,先开发完后台的:创建管理员,管理员列表,管理员列表分页,公共模板开发,管理员登录,后台用户留言板管理,后台左侧菜单栏,初步搭建后台基本功能。
具体查看:响应式后台管理系统(egg.js + Bootstrap)
# 上传文件
具体查看:上传文件
# 树形结构方法演变
具体查看:树形结构方法演变
# Egg.js和Mysql数据库进阶进一步开发响应式网站后台管理系统
继续开发后台管理中的:
用户管理,礼物管理,订单管理,直播间管理,企业网站栏目管理、内容管理,网站配置管理,后台初始化管理员登录逻辑,简单权限管理,权限分配
具体查看:Egg.js和Mysql数据库进阶进一步开发响应式网站后台管理系统
# 引入富文本编辑器
引入富文本编辑器的实现过程
具体查看:初步引入富文本编辑器,若定位不准,可文档搜索初步引入富文本编辑器
# ④ 第四季
# 企业网站上线到服务器
将上一季度开发的完整企业网站(包含前端和后台),上线到服务器,供用户访问。
具体学习视频查看:【第二期第四季】网站上线运营
# 课程用到的及常用的vscode插件
Database Client数据库插件,连接数据库使用Chinese (Simplified) (简体中文)vscode中文插件HTML Boilerplateh5网页模版Nunjucksegg.js模版引擎代码提示any-rule正则表达式插件Draw.io Integration画图插件--> 新建文件后缀名为 .drawio 或者 .dio