目    录

第1章  Vue.js开发基础 1

1.1  背景知识 2

1.1.1  客户/服务器体系结构 2

1.1.2  HTML、CSS与JavaScript 2

1.1.3  RESTful架构 3

1.1.4  大前端时代的来临 3

1.2  MVC、MVP和MVVM架构模式 4

1.2.1  MVC架构模式 4

1.2.2  MVP架构模式 5

1.2.3  MVVM架构模式 7

1.2.4  三者的区别和优劣 8

1.3  前端开发调试必备利器 10

1.3.1  开发者的眼——Chrome 10

1.3.2  开发者的手——VS Code 10

1.3.3  开发者的心——Terminal 11

1.4  搭建编程测试环境 12

1.4.1  Vue.js的安装 12

1.4.2  使用NPM搭建Vue运行环境 13

1.4.3  项目开发工具 17

1.4.4  源码管理机制 24

1.5  代码调试方法 25

1.5.1  使用Console工具 25

1.5.2  使用调试工具 27

1.6  本章小结 29

第2章  熟练使用Vue对象、组件与库 31

2.1  挂载Vue对象 32

2.2  操作关联数据 33

2.2.1  data成员 33

2.2.2  computed成员 34

2.2.3  methods成员 35

2.2.4  watch成员 36

2.3  处理生命周期 37

2.4  Vue组件基础 41

2.4.1  创建Vue组件 42

2.4.2  Vue专用组件 44

2.5  设计Vue组件 46

2.5.1  面向组件的v-on指令 46

2.5.2  面向组件的v-model指令 47

2.5.3  预留组件插槽 48

2.6  使用现有组件 49

2.6.1  使用内置组件 49

2.6.2  引入外部组件 53

2.7  使用现有库 54

2.7.1  使用内置库 54

2.7.2  引入外部库 55

2.8  本章小结 57

第3章  企业网站系统 59

3.1  项目环境及框架 60

3.1.1  系统开发环境要求 60

3.1.2  软件框架 60

3.2  搭建Vue项目 61

3.2.1  项目创建 61

3.2.2  安装Vue组件和库 62

3.3  系统分析 64

3.3.1  系统功能设计 65

3.3.2  系统功能结构图 65

3.4  企业网站系统运行 65

3.4.1  系统文件结构 66

3.4.2  运行系统 67

3.5  系统主要功能实现 68

3.5.1  首页的实现 68

3.5.2  关于我们页面的实现 75

3.5.3  核心业务页面的实现 77

3.5.4  新闻动态页面的实现 79

3.5.5  联系我们页面的实现 80

3.5.6  “在线咨询”弹窗的实现 81

3.6  本章小结 82

第4章  商城网站系统 83

4.1  项目环境及框架 84

4.1.1  系统开发环境要求 84

4.1.2  软件框架 84

4.2  系统分析 85

4.2.1  系统功能设计 85

4.2.2  系统功能结构图 85

4.3  商城网站系统运行 86

4.3.1  系统文件结构 86

4.3.2  运行系统 87

4.4  系统主要功能实现 88

4.4.1  首页的实现 88

4.4.2  商品详情页面的实现 95

4.4.3  商品分类页面的实现 96

4.4.4  商品结算页面的实现 98

4.4.5  个人信息页面的实现 102

4.4.6  订单信息页面的实现 104

4.5  本章小结 106

第5章  金融管理系统 107

5.1  项目环境及框架 108

5.1.1  系统开发环境要求 108

5.1.2  软件框架 108

5.2  系统分析 109

5.2.1  系统功能设计 109

5.2.2  系统功能结构图 109

5.3  金融管理系统运行 110

5.3.1  系统文件结构 110

5.3.2  运行系统 111

5.4  系统主要功能实现 112

5.4.1  登录页面的实现 112

5.4.2  注册页面的实现 114

5.4.3  首页的实现 116

5.4.4  用户信息页面的实现 119

5.4.5  放贷信息页面的实现 123

5.4.6  还款信息页面的实现 123

5.5  本章小结 124

第6章  游戏娱乐网站系统 125

6.1  项目环境及框架 126

6.1.1  系统开发环境要求 126

6.1.2  软件框架 126

6.2  系统分析 127

6.2.1  系统功能设计 127

6.2.2  系统功能结构图 127

6.3  游戏娱乐网站系统运行 128

6.3.1  系统文件结构 128

6.3.2  运行系统 129

6.4  系统主要功能实现 130

6.4.1  登录页面的实现 130

6.4.2  注册页面的实现 132

6.4.3  首页的实现 133

6.4.4  游戏详情页面的实现 137

6.4.5  游戏列表页面的实现 141

6.4.6  我的收藏页面的实现 141

6.5  本章小结 142

第7章  在线教育网站系统 143

7.1  项目环境及框架 144

7.1.1  系统开发环境要求 144

7.1.2  软件框架 144

7.2  系统分析 145

7.2.1  系统功能设计 145

7.2.2  系统功能结构图 145

7.3  在线教育网站系统运行 146

7.3.1  系统文件结构 146

7.3.2  运行系统 147

7.4  系统主要功能实现 149

7.4.1  首页的实现 149

7.4.2  课程列表页面的实现 156

7.4.3  合作院校页面的实现 158

7.4.4  高职课堂页面的实现 159

7.4.5  课程详情页面的实现 160

7.4.6  登录注册页面的实现 162

7.5  本章小结 168

第8章  物流运输管理系统 169

8.1  项目环境及框架 170

8.1.1  系统开发环境要求 170

8.1.2  软件框架 170

8.2  系统分析 171

8.2.1  系统功能设计 171

8.2.2  系统功能结构图 171

8.3  物流运输管理系统运行 172

8.3.1  系统文件结构 172

8.3.2  运行系统 173

8.4  系统主要功能实现 174

8.4.1  登录页面的实现 174

8.4.2  注册页面的实现 176

8.4.3  工作台页面的实现 177

8.4.4  物流管理页面的实现 182

8.4.5  用户管理页面的实现 186

8.5  本章小结 187

第9章  图书管理系统 189

9.1  项目环境及框架 190

9.1.1  系统开发环境要求 190

9.1.2  软件框架 190

9.2  系统分析 191

9.2.1  系统功能设计 191

9.2.2  系统功能结构图 191

9.3  图书管理系统运行 192

9.3.1  系统文件结构 192

9.3.2  运行系统 193

9.4  系统主要功能实现 194

9.4.1  登录页面的实现 194

9.4.2  注册页面的实现 196

9.4.3  首页的实现 196

9.4.4  个人中心页面的实现 202

9.4.5  书籍管理页面的实现 204

9.4.6  用户管理页面的实现 207

9.5  本章小结 207

第10章  咖啡馆网站系统 209

10.1  项目环境及框架 210

10.1.1  系统开发环境要求 210

10.1.2  软件框架 210

10.2  系统分析 211

10.2.1  系统功能设计 211

10.2.2  系统功能结构图 211

10.3  咖啡馆网站系统运行 212

10.3.1  系统文件结构 212

10.3.2  运行系统 213

10.4  系统主要功能实现 214

10.4.1  首页的实现 214

10.4.2  商品列表页面的实现 220

10.4.3  商品详情页面的实现 222

10.4.4  意见/投诉页面的实现 224

10.4.5  登录页面的实现 226

10.4.6  注册页面的实现 227

10.5  本章小结 227

第11章  家庭装修网站系统 229

11.1  项目环境及框架 230

11.1.1  系统开发环境要求 230

11.1.2  软件框架 230

11.2  系统分析 231

11.2.1  系统功能设计 231

11.2.2  系统功能结构图 231

11.3  家庭装修网站系统运行 232

11.3.1  系统文件结构 232

11.3.2  运行系统 233

11.4  系统主要功能实现 234

11.4.1  首页的实现 235

11.4.2  关于我们页面的实现 242

11.4.3  新闻资讯页面的实现 244

11.4.4  经典案例页面的实现 245

11.4.5  合作与支持页面的实现 246

11.5  本章小结 248

第12章  订票系统 249

12.1  项目环境及框架 250

12.1.1  系统开发环境要求 250

12.1.2  软件框架 250

12.2  系统分析 251

12.2.1  系统功能设计 251

12.2.2  系统功能结构图 251

12.3  订票系统运行 252

12.3.1  系统文件结构 252

12.3.2  运行系统 253

12.4  系统主要功能实现 254

12.4.1  在线购票页面的实现 254

12.4.2  车次列表页面的实现 260

12.4.3  在线抢票页面的实现 262

12.4.4  我的订单页面的实现 264

12.4.5  订单详情页面的实现 267

12.4.6  我的信息页面的实现 268

12.5  本章小结 268

第13章  财务管理系统 269

13.1  项目环境及框架 270

13.1.1  系统开发环境要求 270

13.1.2  软件框架 270

13.2  系统分析 271

13.2.1  系统功能设计 271

13.2.2  系统功能结构图 271

13.3  财务管理系统运行 272

13.3.1  系统文件结构 272

13.3.2  运行系统 273

13.4  系统主要功能实现 274

13.4.1  登录页面的实现 274

13.4.2  注册页面的实现 276

13.4.3  营收分析页面的实现 278

13.4.4  审批列表页面的实现 280

13.4.5  预算列表页面的实现 281

13.5  本章小结 284

第14章  项目信息化管理系统 285

14.1  项目环境及框架 286

14.1.1  系统开发环境要求 286

14.1.2  软件框架 286

14.2  系统分析 287

14.2.1  系统功能设计 287

14.2.2  系统功能结构图 287

14.3  项目信息化管理系统运行 288

14.3.1  系统文件结构 288

14.3.2  运行系统 289

14.4  系统主要功能实现 290

14.4.1  登录页面的实现 290

14.4.2  注册页面的实现 292

14.4.3  首页的实现 292

14.4.4  我的项目页面的实现 296

14.4.5  项目跟进页面的实现 299

14.4.6  项目报备页面的实现 303

14.5  本章小结 303

第15章  办公自动化系统 305

15.1  项目环境及框架 306

15.1.1  系统开发环境要求 306

15.1.2  软件框架 306

15.2  系统分析 307

15.2.1  系统功能设计 307

15.2.2  系统功能结构图 307

15.3  办公自动化系统运行 308

15.3.1  系统文件结构 308

15.3.2  运行系统 309

15.4  系统主要功能实现 310

15.4.1  登录页面的实现 310

15.4.2  概况页面的实现 312

15.4.3  员工信息页面的实现 316

15.4.4  招聘岗位页面的实现 318

15.4.5  招聘者信息页面的实现 318

15.4.6  考勤信息页面的实现 319

15.4.7  签到信息页面的实现 319

15.5  本章小结 320