幫助中心 | 我的帳號 | 關於我們

低代碼JS UI構件實現Web前端快速開發(微課視頻版)/電腦類技能型理實一體化新形態系列

  • 作者:編者:于丙超//郭軻|責編:張龍卿//李慧恬
  • 出版社:清華大學
  • ISBN:9787302647850
  • 出版日期:2023/11/01
  • 裝幀:平裝
  • 頁數:184
人民幣:RMB 49 元      售價:
放入購物車
加入收藏夾

內容大鋼
    這是一本講述JavaScript調用低代碼構件簡化前端編程的教材。本書從JavaScript基礎講起,內容涵蓋了JavaScript調用前端構件方法,構件能夠完成的前端布局、顯示、輸入功能,以及前端如何存儲數據,如何與用戶互動。
    本書案例豐富,功能實用,其中如工具條、電子錶格、圖文列表、幻燈片、播放器、批量表單、購物車以及類Excel編輯器等都是前端必要的組件。特別是第6章的案例,只使用前端低代碼構件就實現了物流、資金流和信息流的流轉,算是一個小突破。
    高等院校使用本書教學,學生既能從宏觀層面掌握信息系統的模塊,又能學到各個模塊的編程細節。企業使用本書介紹的構件做項目,能夠簡化編程,提高開發效率,減少維護成本。

作者介紹
編者:于丙超//郭軻|責編:張龍卿//李慧恬

目錄
第1章  JavaScript與HTML基礎
  1.1  JavaScript概述
    1.1.1  歷史
    1.1.2  作用與用法
    1.1.3  調試工具
  1.2  語法
    1.2.1  變數
    1.2.2  運算符
    1.2.3  語句
    1.2.4  小方法
    1.2.5  思考題1-1:輸出多語言的Hello world
  1.3  數組
    1.3.1  定義數組
    1.3.2  數組常見操作方法
    1.3.3  二維數組映射數據表
    1.3.4  思考題1-2:根據姓名查找同學錄中的同學信息
  1.4  枚舉
    1.4.1  定義枚舉
    1.4.2  枚舉取值與賦值
    1.4.3  思考題1-3:枚舉實現中文編程
  1.5  JSON數據交換
    1.5.1  JSON的基本概念
    1.5.2  JSON常見操作
    1.5.3  思考題1-4:用JSON 克隆一個枚舉
  1.6  面向對象與類
    1.6.1  面向對象的基本概念
    1.6.2  JavaScript定義類
    1.6.3  類的實例化與方法調用
    1.6.4  思考題1-5:對同學錄進行增刪改查
  1.7  HTML展示數據
    1.7.1  HTML的基本概念
    1.7.2  HTML主要元素標籤列表
    1.7.3  JavaScript輸出和讀取HTML內容
    1.7.4  思考題1-6:用 table標籤顯示同學錄
  1.8  事件
    1.8.1  事件的種類
    1.8.2  HTML元素綁定事件
    1.8.3  思考題1-7:單擊同學錄的表頭進行排序
  1.9  小結
第2章  JavaScript與前端低代碼U框架
  2.1  基礎概念
    2.1.1  B/S架構風格的基本概念
    2.1.2  前端UI的基本概念
    2.1.3  低代碼編程的基本概念
  2.2  前端低代碼框架
    2.2.1  框架、構件與組件
    2.2.2  下畫線構件介紹
    2.2.3  美元構件介紹
    2.2.4  多語言構件介紹
  2.3  低代碼框架調試環境

    2.3.1  免下載在線調試
    2.3.2  下載demo后本機調試
    2.3.3  安裝Web伺服器后區域網調試
    2.3.4  從文件和文件夾數量辨別低代碼框架
  2.4  JavaScript調用低代碼組件速覽
    2.4.1  低彈窗的布局組件
    2.4.2  實現富客戶端與計算前置的顯示組件
    2.4.3  低跳轉輸入組件
    2.4.4  低代碼組件如何易學、易記、易用
  2.5  低代碼pe.htm中JavaScript與HTML交互
    2.5.1  文件與編碼
    2.5.2  htm文件頭
    2.5.3  htm文件編輯器
    2.5.4  思考題2-1:將JavaScript內容放到pc.htm中
  2.6  JavaScript調用方法組件
    2.6.1  元素類方法
    2.6.2  外觀類方法
    2.6.3  日期類方法
    2.6.4  Cookie類方法
  2.7  小結
第3章  低彈窗JavaScript布局組件
  3.1  層組件
    3.1.1  層組件中數組A的結構
    3.1.2  層組件中參數P的含義
    3.1.3  層組件的公有方法
    3.1.4  案例3-1:系統中心化布局源代碼與圖例
    3.1.5  案例3-2:Web站點多層布局源代碼與圖例
    3.1.6  思考題3-1:同學錄pc.htm的布局方法
  3.2  按鈕組件
    3.2.1  按鈕組件中數組A的結構
    3.2.2  一按鈕組件中參數P的含義
    3.2.3  按鈕組件的公有方法
    3.2.4  按鈕觸摸或者單擊事件
    3.2.5  案例3-3:按鈕組件對一行按鈕布局
    3.2.6  思考題3-2:實現美團的多行按鈕陣列布局
  3.3  工具條組件
    3.3.1  工具條組件中數組A的結構
    3.3.2  工具條組件中參數P的含義
    3.3.3  案例3-4:頂部工具條與單擊事件的源代碼與圖例
    3.3.4  案例3-5:低彈窗、低單擊的二級菜單
    3.3.5  思考題3-3:網站的導航欄
  3.4  標籤組件
    3.4.1  標籤組件中數組A的結構
    3.4.2  標籤組件中參數P的含義
    3.4.3  標籤組件設置click事件
    3.4.4  標籤組件的公有方法
    3.4.5  案例3-6:實現帶選擇框的標籤布局
    3.4.6  案例3-7:使用標籤嵌套實現兩層標籤
    3.4.7  思考題3-4:從樹形結構數組創建兩層標籤
  3.5  小結

第4章  計算前置的JavaScript顯示組件
  4.1  網格組件
    4.1.1  網格組件中數組A的結構
    4.1.2  網格組件中參數P的含義
    4.1.3  網格組件設置click 事件
    4.1.4  網格組件的公有方法
    4.1.5  案例4-1:同學錄與排序
    4.1.6  擴展功能:顯示兩層表頭
    4.1.7  思考題4-1:單擊單元格顯/隱工具條
  4.2  列表組件
    4.2.1  列表組件中數組A的結構
    4.2.2  列表組件中參數P的含義
    4.2.3  列表組件設置click事件
    4.2.4  列表組件的公有方法
    4.2.5  案例4-2:學生照片列表
    4.2.6  案例4-3:多張圖片以幻燈片展示
    4.2.7  思考題4-2:列表組件與工具條組件的互動
  4.3  幻燈片組件
    4.3.1  幻燈片組件中數組A的結構
    4.3.2  幻燈片組件中參數P的含義
    4.3.3  幻燈片組件設置click事件
    4.3.4  幻燈片組件的公有方法」
    4.3.5  案例4-4:在網站首頁中展示幻燈片
  4.4  播放器組件
    4.4.1  播放器組件中數組A的結構
    4.4.2  播放器組件中參數P的含義
    4.4.3  播放器組件設置click事件
    4.4.4  案例4-5:新聞文章播放器
  4.5  使用CSS自定義顯示樣式
    4.5.1  CSS樣式簡介
    4.5.2  列表設置單元格樣式
    4.5.3  播放器設置單元格樣式
    4.5.4  通用模板祥式設置
  4.6  小結
第5章  低跳轉JavaScript輸入組件
  5.1  輸入組件
    5.1.1  輸入組件中數組A的結構
    5.1.2  輸入組件中參數P的含義
    5.1.3  輸入組件定義表單提交事件
    5.1.4  一案例5-1:顯示並修改學生詳細信息
    5.1.5  案例5-2:多張圖片上傳與修改
    5.1.6  思考題5-1:下拉標籤中使用關聯表數據
  5.2  選擇器組件
    5.2.1  一選擇器組件中數組A的結構
    5.2.2  選擇器組件中參數P的含義
    5.2.3  選擇器組件定義表單提交事件
    5.2.4  案例5-3:購物車
    5.2.5  案例5-4:選擇商品時添加備註
    5.2.6  思考題5-2:用選擇器實現簡易進銷存系統
  5.3  網格組件的編輯功能

    5.3.1  網格組件的P參數的編輯功能屬性
    5.3.2  案例5-5:類Excel批量編輯同學錄
    5.3.3  思考題5-3:班級與學生信息的自動聯動
  5.4  Ajax組件
    5.4.1  Ajax技術的基本概念
    5.4.2  Ajax組件中參數P的含義
    5.4.3  案例5-6:查看Ajax提交的數據
  5.5  小結
第6章  會員預訂消費管理系統
  6.1  系統工程與需求分析
    6.1.1  創建工程文件夾
    6.1.2  創建工程文件
    6.1.3  功能需求分析
    6.1.4  前端頁面布局與工具條設計
  6.2  美元構件與數據邏輯設計
    6.2.1  房間和位置的屬性與第1行表頭
    6.2.2  分類和商品的屬性與第1行表頭
    6.2.3  供應商和會員的屬性與第1行表頭
    6.2.4  預訂單和預訂明細的屬性與第1行表頭
    6.2.5  進貨和盤點的屬性與第1行表頭
  6.3  pc.htm頁面概要設計
    6.3.1  在多語言構件1g.js中實現中英文對照
    6.3.2  保存圖標到ico文件夾
    6.3.3  設計並預覽pe,htm
    6.3.4  日曆組件
  6.4  工具條枚舉中完成功能詳細設計
    6.4.1  預訂功能設計
    6.4.2  預訂記錄管理設計
    6.4.3  實時位置圖設計
    6.4.4  進貨功能設計
    6.4.5  盤點功能設計
  6.5  測試與發布
    6.5.1  用Excel準備靜態測試用例
    6.5.2  用JavaScript數組保存初始化數據
    6.5.3  打開枚舉P參數中的debug調試
    6.5.4  發布系統前端
  6.6  小結
第7章  低代碼框架的前後端交互
  7.1  前後端交互概述
    7.1.1  傳統前後端腳本的耦合方式
    7.1.2  低代碼框架前後端解耦
    7.1.3  前端以透明向後端發送數據總結
    7.1.4  前端接收後端發送數據概述
  7.2  後端程序讀寫分離架構
    7.2.1  後端程序讀寫分離的基本概念
    7.2.2  前端從後端讀取數據
    7.2.3  後端寫入數據后返回結果給前端
  7.3  後端低代碼JSP讀寫模板
    7.3.1  緩存refresh.jsp
    7.3.2  數據流sqls.jsp

    7.3.3  定向查詢select.jsp
    7.3.4  報表report.jsp
  7.4  其他交互
    7.4.1  上傳圖片upload.jsp
    7.4.2  日誌log,jsp
  7.5  小結
參考文獻

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032