從零開始 · FA+Ecloud互聯網應用開發平臺綜合技術入門指南(READ)

## 一、概述平臺采用前后端分離架構，因此代碼生成器的運行，也會分別針對前端和后端分別生成代碼，它把一個項目開發中，大量的基礎技術性工作通過工具自動生成，解放了開發者，也提高了代碼的質量和工程化，是項目開發的利器；代碼生成器的使用機制，就是針對數據庫表，生成運行于平臺對應的前后端代碼。它們包括了對數據庫表的基本增加、刪除、修改和查詢檢索等功能，從架構上，它們嚴格被區分為前端和后端代碼；得益于代碼生成器，開發者（前后端）就可以把精力放到業務代碼的開發和調整中來，他的主要工作，就是在自動生成的代碼功能基礎上，依據業務進行精細化調整，例如； 1、增刪改查之外的非常規業務邏輯開發； 2、增刪改查等常規業務邏輯的精細調整；參考文檔： [開發工具/codegenerator](../../%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7/codegenerator.md) [后端開發/從零開始開發](../%E5%90%8E%E7%AB%AF%E5%BC%80%E5%8F%91/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%BC%80%E5%8F%91.md) [前端開發/從零開始開發](../%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%BC%80%E5%8F%91.md) ## 二、實戰演練 ### **（1）設計一張表** ``` drop table if exists SAMPLE_CASE; /*==============================================================*/ /* Table: SAMPLE_CASE */ /*==============================================================*/ create table SAMPLE_CASE ( ID int not null auto_increment comment 'ID', SAMPLE_NAME varchar(50) comment '名稱', SAMPLE_LENGTH int comment '長度', SAMPLE_TYPE int comment '類型字典', SAMPLE_WEIGHT double comment '重量', VERSION int comment '數據版本', DESC_CNT varchar(100) comment '備注', primary key (ID) ) ; alter table SAMPLE_CASE comment '示范'; ``` >[danger] 注意： > 1、每張表的表名及字段名，都應該做精準的中文注釋，這樣生成的代碼可讀性更好； > 2、基于powerDesigner生成表腳本的時候，需要確保能夠在腳本中生成表和列的注釋，參考下圖； > 3、將該腳本執行到目標數據庫； ##### powerDesigner設定參考圖 ![](https://img.kancloud.cn/fd/48/fd487f8f14ff240658eec9f15184835b_586x408.png) ### **（2）執行代碼生成** ![](https://img.kancloud.cn/28/9e/289e9bee1b3c7756c93085d7563da877_768x441.png) 執行后，將自動生成前（web目錄下）后（src目錄下）端所有代碼； ### **（3）后端工程運行** 首先、將生成的src目錄下的代碼，拷貝到工程目錄下； ![](https://img.kancloud.cn/e2/b8/e2b8b1511d9d9e2a764962c9710659f3_1366x736.png) 然后、直接啟動運行，打開系統內置的接口定義文檔來看看效果； ![](https://img.kancloud.cn/00/3b/003b9314d86fc48f5e928efacc7a2371_1366x736.png) ![](https://img.kancloud.cn/ae/6a/ae6a77a76ed34d01f00b9a8ef11add02_1366x736.png) 可以看到，運行起來的系統里面，已經多了序號為999（代碼生成的時候，自動賦的序號值）的服務接口定義，里面定義了典型的增刪改查業務接口； >[info] 到這里，典型的服務接口后端代碼已經全部開發完成，且可以運行了，針對該實體的增刪改查業務全部完成了，是不是很快？ ### **（4）前端工程（PC版）運行** 參考下面的具體子章節：[PCV1運行](%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/PCV1%E8%BF%90%E8%A1%8C.md)；[PCV2運行](%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/PCV2%E8%BF%90%E8%A1%8C.md) >[danger] PCV1與PCV2的區別在于增加和修改的頁面是新開還是直接在列表頁彈出；PCV1的新增和修改頁面都是新開頁，而PCV2則將新增和修改都放到列表頁彈出； ### **（5）前端工程（H5版）運行** 參考下面的具體子章節：[H5端運行](%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B/H5%E7%AB%AF%E8%BF%90%E8%A1%8C.md) ### **（6）總結** 到這里，一個完整的前后端分離的示范應用實例就完成了設計、開發和運行了；它已經包括了完整的業務系統中基本的增加、刪除、修改和查詢、分頁、導出等功能；你可以發現，我們沒有自己動手寫任何一行（無論前端還是后端）代碼，它們都是自動生成的，我們剩下來真正需要花力氣做的工作，就是根據實際的業務需求，進行精細化調整；把時間花在業務上，大幅度提高生產力！