为了账号安全,请及时绑定邮箱和手机立即绑定
慕课专栏

目录

索引目录

从0到1 实战朋友圈移动Web App开发

限时优惠 ¥ 36.00

原价 ¥ 48.00

08月23日后恢复原价

限时优惠
立即订阅
02 项目技术栈介绍
作者:吕小鸣 更新时间:2019-08-20 11:35:02
耐心是一切聪明才智的基础。

——柏拉图

这节课我会给大家介绍一下本专栏中所用到的各种技术栈,前端项目主要是 Vue全家桶 技术。这也是课程中前端项目主要使用的技术栈,后端项目主要是 Nodejs 和 Express 技术。好了,话不多说,一起来看一下吧。

1. 前端框架Vue.js和Vue全家桶

图片描述
说到 Vue.js 相信大家都不会陌生,可以说是当前国内最流行的前端MVVM框架,本次实战专栏的项目也会采用 Vue.js@2.6.10 版本来进行开发,其中包括了 vue-routervuex。当然为了照顾一些 Vue.js 的初学者,在后面的实战代码编写中,会穿插讲解其相关的知识点。

2. 前端脚手架工具Vue Cli 3

图片描述
Vue Cli 是基于Vue.js的前端项目脚手架生成工具,现在主要用的有2个版本, Vue Cli 2 和 Vue Cli 3,这两个版本的cli 生成的项目目录和相关配置都不太一样,本次实战将会采用最新的 Vue Cli 3 版本。

3. 前端UI框架WeUI

图片描述
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,我们采用 WeUI 主要是为了让我们的页面风格更贴近微信的风格。

4. 前端动画效果库 Animate.css

图片描述
Animate.css是一个使用 CSS3 的 animation 制作的动画效果的开源 CSS 效果集合,里面预设了很多种常用的动画,且使用非常简单,我们在项目中主要用来实现一些特效动画,以及结合 vue-router 实现各种页面转场效果。

5. 后端框架Node.js和Express

图片描述
Node.js我就不多说了,它为前端工程师打开了后端的大门。Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架(说白了就是后端的MVC框架,如果大家之前接触过Java的SSH,或者是SSM应该很好理解),为 Web 和移动应用程序提供一组强大的功能。优点在于灵活,结合Express Generator,可以轻松的实现后端的项目框架,我们在项目中的后台逻辑都是基于Express来编写,包括路由控制,API管理,数据库封装,以及登录校验,状态保存等等。

6. 后端数据库MongoDB

图片描述
MongoDB 是一个基于分布式文件存储的数据库,是当前 NoSQL 数据库产品中最热门的一种。我们实战项目的数据库建模包括 Post 表、User 表、Chat 表等等,都是借助于mongoose是 MongoDB 的一个对象模型工具,封装了 MongoDB 对文档的一些增删改查等常用方法,让 Node.js 操作 MongoDB 数据库变得更加容易(说白了就是用面向对象的思想去操作数据库,而且还没有关系型数据库的.sql脚本,用起来更加轻便)。
所以我们的后端技术栈可以理解为:Node.js + Express + MongoDB
图片描述

7.PWA离线应用

图片描述
PWA( progressing web app ),渐进式网页应用程序,是 Google 在 2016 年 GoogleI/O 大会上提出的下一代 web 应用模型,并在随后的日子里迅速发展。
一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用。 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。
我们在项目的收尾阶段,会将项目构建成一个 PWA 应用,看起来更像是"APP"。

8.阿里云部署

图片描述
为了使大家掌握更加完整的项目部署相关知识,我们的实战项目将会真实的部署在阿里云上面,同时会教大家:购买阿里云–>配置 Nginx–>部署 FTP 功能–>配置pm2管理应用–>项目发布的一条龙服务。让大家真实的体会到自己的项目在线上环境中的运行。

}
限时优惠 ¥ 36.00 ¥ 48.00

你正在阅读课程试读内容,订阅后解锁课程全部内容

千学不如一看,千看不如一练

手机
阅读

扫一扫 手机阅读

从0到1 实战朋友圈移动Web App开发
限时优惠 ¥ 36.00 ¥ 48.00

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信