# 前言
## 目標用戶
我們假設你已了解關于 PHP、Laravel 和 Vue.js 的中級知識,并且使用過當前比較流行的的 UI 框架,比如 ElementUI、iView 等。如果你剛開始學習 Web 開發,將本項目作為你的學習第一步可能不是最好的主意——掌握好基礎知識再來吧!如果你想深入學習 Laravel 框架功能,并且在尋找一個現代化的單頁面 Web 應用開發課程或者全棧工程師的進階課程,本書會是一個很好的選擇。
## 本書特色
本書包含不僅包含每一個功能的源代碼、動態圖片,還有配套的示例源碼,可幫助讀者明確了解項目實現的所有細節。所有的程序開發都有規律可循,做項目要先有骨架后有血肉,清晰明了的模塊劃分,規范的開發流程,使得開發一款功能完備的單頁面 Web 應用不再是一件盤根錯節的事情。演示GIF:

## 隨書源碼
對照學習,互補共進
* [碼云](https://gitee.com/geekadpt/hypercell)
## 致謝
[Laravel-China]([https://learnku.com/laravel](https://learnku.com/laravel)) 社區帶我走進了網站應用程序開發的世界,感謝 Laravel-China 的每一本教程,通過對這些知識的反復練習和積累,我才能將各個功能模塊組裝到一起,使它們精妙的運行。在這期間,我一直站在巨人的肩膀上。
## 關于作者
作者黃宇軒(網名Scrutiny),三年的網頁/界面設計經驗,致力于干凈、優雅的編碼,在使用 PHP 和 HTML 為現代網站制作方面有非常多的經驗。此外,在 Linux 系統運維、Flutter 開發手機 APP 方面也有涉獵。
過往項目:
- [Laravel+GatewayWorker+Layui 搭建網頁端即時聊天系統](https://gitee.com/geekadpt/ji_yun_fu)
- [Laravel+ Layui 開發二手商品交易市場網站 APP](https://gitee.com/geekadpt/kaisou-shop)
- [Laravel 5.8 + Vue 2 開發單頁面博客類 Web 應用](https://gitee.com/bluish\_space/lvblog)
## 聯系方式:
- 個人博客:[藍默空間](https://mozilan.com)
- CSDN博客:[geekcloud](https://me.csdn.net/geeksoarsky)
- 郵箱:geekclouds@mozilan.com
- 公眾號:超維編程

## 收藏的話
> 程序員,就像詩人一樣,幾乎僅僅工作在單純的思考中。程序員憑空地運用自己的想象,來建造自己的“城堡”。很少有這樣的介質——創造的方式如此得靈活,如此得易于精煉和重建,如此得容易實現概念上的設想。然而程序畢竟同詩歌不同,它是實實在在的東西;可以移動和運行,能獨立產生可見的輸出;能打印結果,繪制圖形,發出聲音,移動支架。神話和傳說中的魔術在我們的時代已變成了現實。在鍵盤上鍵入正確的咒語,屏幕會活動、變幻,顯示出前所未有的或是已經存在的事物。編程非常有趣,在于它不僅滿足了我們內心深處進行創造的渴望,而且還愉悅了每個人內在的情感。
- 簡介
- 前言
- 起步
- 開發環境
- 相關網站速查
- 開發規范
- 系統關鍵技術分析
- 第零章 項目分析
- 0.1 需求分析
- 0.2 數據庫設計
- 0.3 系統結構分析
- 第一章 初始化項目
- 1.1 Laravel 初始化
- 1.2 Vue.js 初始化
- 1.3 Postman 初始化
- 第二章 用戶模塊
- 2.1 手機號注冊
- 2.1.1 用戶注冊接口
- 2.1.2 用戶注冊視圖
- 2.1.2.1 發送短信驗證碼
- 2.1.2.2 用戶注冊
- 2.2 手機號登陸
- 2.2.1 手機號登陸接口
- 2.2.2 手機號登陸視圖
- 2.3 第三方登錄
- 2.3.1 第三方登陸接口
- 2.3.2 第三方登陸視圖
- 2.4 獲取資料
- 2.4.1 獲取資料接口
- 2.4.2 獲取資料視圖
- 2.5 更新資料
- 2.5.1 更新資料接口
- 2.5.2 更新資料視圖
- 第三章 Handsontable
- 3.1 初始化 Handsontable
- 3.2 合并單元格
- 3.3 單元格對齊
- 3.4 改變列屬性
- 3.4.1 改變列屬性模板
- 3.4.2 改變列屬性方法
- 3.5 添加備注
- 第四章 表格模塊
- 4.1 保存表格接口
- 4.2 自動保存視圖
- 4.2.1 Vuex 模塊
- 4.2.2 保存更新表格
- 4.2.3 自動保存表格
- 4.3 桌面視圖
- 4.4 快捷菜單
- 第五章 回收站模塊
- 5.1 回收站接口
- 5.2 回收站視圖
- 第六章 功能菜單
- 6.1 導航抽屜
- 6.2 語言切換
- 6.3 文件菜單
- 6.4 表格分享
- 6.4.1 表格分享接口
- 6.4.2 開關表格分享
- 6.4.3 查看分享表格
- 6.5 懸浮按鈕
- 6.7 固定表格功能菜單
- 第七章 雜項
- 7.1 路由導航守衛
- 7.2 本地化
- 7.3 退出登陸
- 7.4 搜索表格
- 7.5 問題反饋