[ExtJS5學習筆記]第二節 Sencha Cmd 學習筆記 使你的sencha cmd跑起來
本文作者:sushengmiyan
-------------------------------------------------------------資源連結-----------------------------------------------------------------------
翻譯來源 Sencha Cmd官方網站: http://www.sencha.com/products/extjs/up-and-running/cmd-getting-started
------------------------------------------------------------------------------------------------------------------------------------------------
帶著Ext JS 5來使用sencha cmd
-------------------------------------------------------------------這個指導通過處理使用 sencha cmd的sencha generate app命令來建立應用程式,本文是以允許一個應用程式來結束的
處理更新一個存在的應用程式來體驗Sencha cmd是在本章結束的時候介紹的,首先理解什麼是"ideal"和“default”是很重要的,在預設的結構和已經存在的應用程式中驅動更新是有很大區別的。
學習基礎:
------------------
一鍵生成你的應用程式程式碼:
------------------------------------------------------------
我們的出發點就是使用命令來產生一個應用程式,執行以下命令:sencha generate app -ext MyApp E:\senchaworkspace\MyApp
可以看到如下執行結果
以上命令會從官網下載試用版本的ext程式碼到你本地,如果你已經購買正版程式碼,那麼需要使用下一節(-sdk命令來生成你的應用程式)在你的硬碟資料夾下可以看到:
這表明自動生成了你的程式框架。
需要注意的是,生成的EXTjs 是商業體驗版本,如果你購買了,那麼你需要下載ext js的zip包,並且使用-SDK命令來制定SDK的路徑,這樣,就不會去預設下載SDK而是按照你本地的檔案來生成了。
命令如下: sencha -sdk /這裡是你的sdk路徑/ generate app MyApp 你的App的路徑。如 sencha -sdk c:sencha5.0.0 generate app OASystem d:\oasys
執行完成之後可以看到如下的資料夾路徑:
.sencha/ # Sencha-specific files (for example, configuration)
app/ # Application-specific content
Boot.js # Private, low-level dynamic loader for JS and CSS
Microloader.js # Loads app based on app.json content
sencha.cfg # Application configuration file for Sencha Cmd
build-impl.xml # Standard application build script
*-impl.xml # Implementations of various build phases
defaults.properties # Default values and docs for build properties
ext.properties # Build property values specific to Ext JS
*.defaults.properties # Build property values by env (e.g. "testing")
plugin.xml # Application-level plugin for Sencha Cmd
codegen.json # Data for merging generated code during upgrade
workspace/ # Workspace-specific content (see below)
sencha.cfg # Workspace configuration file for Sencha Cmd
plugin.xml # Workspace-level plugin for Sencha Cmd
ext/ # A copy of the Ext JS SDK
cmd/ # Framework-specific content for Sencha Cmd
sencha.cfg # Framework configuration file for Sencha Cmd
packages/ # Framework supplied packages
ext-theme-classic/ # Ext JS Theme Package for Classic
ext-theme-neptune/ # Ext JS Theme Package for Neptune
... # Other theme and locale packages
src/ # The Ext JS source
...
index.html # The entry point to your application
app.json # Application manifest
app.js # Launches the Application class
app/ # Your application's source code in MVC structure
model/ # Folder for application model classes
store/ # Folder for application stores
view/ # Folder for application view classes
main/ # Folder for the classes implementing
Main.js # The Main View
MainModel.js # The `Ext.app.ViewModel` for the Main View
MainController.js # The `Ext.app.ViewController` for the Main View
Application.js # The `Ext.app.Application` class
packages/ # Sencha Cmd packages
build/ # The folder where build output is placed
這個路徑和上方資料夾截圖是沒有區別的都是一樣的。
構造你的應用程式:
----------------------------------------
只需要執行以下命令就可以構造你的應用程式打包了
sencha app build,這個命令需要你在你的應用程式資料夾下執行哦。可以看到我的執行過程如下:
需要注意不能使用-sdk命令了,使用會出現問題哦
執行完成之後可以看到增加了build目錄,下方就是包含了js程式碼 sass還有主題的資料夾。
Sencha 的網路服務容器:
----------------------------------------------------
使用 sencha web start命令來開啟你的服務。服務允許你將本地應用程式當做網路服務。
這個命令將1841埠制定為當前的訪問埠,如果想停止服務就執行如下命令: sencha web stop或者ctrl+c來結束服務
想訪問你的服務,只需要在瀏覽器中執行如下路徑:
http://localhost:1841
當我們訪問的時候,可以看到預設生成的網頁如下:
如果你不想使用1841埠,你可以在執行的時候制定埠號碼:sencha -port 8080 web start
擴充套件你的應用程式
使用 sencha generate 命令幫你你快速的建立一個mvc的元件包像controllers和models
執行以下命令sencha help generate你可以看到有如下的擴充套件資訊:
重要:為了執行命令,你需要在當前應用程式的路徑下執行才可以。
增加一個新的models
--------------------------------------------
使用sencha generate model 命令就可以。
如圖
這樣就建立了一個User的Model包含三個屬性
增加一個新的Controllers
-----------------------------------------------------
類似上述命令,執行 sencha generate controller Central
增加一個view
------------------------------
也是一樣執行 sencha generate view SomeView
客戶化定製構造程式
-----------------------------------------
現在又多種多樣的配置選項可以使用在 ”.sencha/app/sencha.cfg“資料夾下,在只有一張頁面的情況下,可以忽略”.sencha/workspace“配置資料夾
classpath類路徑
----------------------------------
sencha app build 命令制定去哪裡找到你的應用程式的程式碼全部依賴於app.classpath配置,它是在”.sencha/app/sencha.cfg“資料夾下的。預設的數值是
app.classpath=${app.dir}/app,${app.dir}/app.js
更高層次的閱讀:
-----------------------------------
想了解更多的關於sencha cmd的命令處理,你額可以參考 Inside the app build process
更新你的應用程式
使用 sencha app upgrade[新的路徑]
對於已經存在的應用程式來說,可能預設的不是index.html這時候需要你在app.json中制定:
{
...
"indexHtmlPath": "index.php"
}
相關推薦
[ExtJS5學習筆記]第二節 Sencha Cmd 學習筆記 使你的sencha cmd跑起來
本文地址: http://blog.csdn.net/sushengmiyan/article/details/38313537 本文作者:sushengmiyan ------------------------------------------------------
[shiro學習筆記]第二節 shiro與web融合實現一個簡單的授權認證
------------------------------------------------------------------------------------------------------------------------------------一。新建ja
Vue快速學習_第二節
表單輸入繫結(v-model) v-model 指令在表單 <input>、<textarea> 及 <select> 元素上建立雙向資料繫結(注意只在表單這幾個可以,實際上就是負責監聽使用者的輸入事件以更新資料) 注意:v-model 會忽略所有表單元
軟考-架構師-第五章-系統性能評價 第二節 效能計算(讀書筆記)
主要針對希賽出版的架構師考試教程《系統架構設計師教程(第4版)》,作者“希賽教育軟考學院”。完成相關的讀書筆記以便後期自查,僅供個人學習使用,不得用於任何商業用途。 第二節 效能計算 效能指標計算方法 定義法 定義法主要根據其定義直接獲取其理想資料。 公式法
HTML學習筆記基礎表格 第二節 (原創)
utf 空心圓 無序列表 har ble 學習 oot order 有序 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title
JAVAscript學習筆記 js異常 第二節 (原創) 參考js使用表
htm demo cnblogs value demo1 span 自定義 char 按鈕 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
學習筆記第二十節課
作業安裝與卸載軟件 linux下和windows下的安裝軟件方法差不多。一共有三種方法。 rpm和windows下的exe很像,可以直接安裝 不用太多的設置。安裝路徑和文件名都是設定好的。 yum是另一種方式去安裝rpm包,在centos下安裝的包叫rpm包。 yum會自動安裝依賴的包,(比如要安裝一個a包
學習筆記第二十一節課
作業yum更換國內源 有時候自帶的yum源,不好用,因為自帶的裏面的網址資源是國外的。從國內下載很慢。 想辦法更改國內的源。 實驗: 先把dvd給刪除了, 然後把之前刪除的給cp回來。 然後刪除 CentOS-Base.repo 改一個CentOS7-Base-163.repo 新的需要去下載,寫入下載
學習筆記第二十二節課
作業shell介紹 shell是一個命令解釋器,提供用戶和機器之間的交互。 用戶配置的最後一個段 就是shell 創建的普通的用戶 它的shell是bin bash 每個用戶都可以有自己的shell sentos7 的shell 是bash 除此之外還有 zsh ksh ,用起來和bash 很像,
學習筆記第二十四節課
作業 學習 筆記 shell特殊符_cut命令 *是通配符。 ?是任意一個字符。 #是註釋字符,寫命令的時候加一個#不生效。 \是脫義字符。(就是取消掉原來的作用,讓它不生效) 昨天用過單引號 其實還可以用\ 。 管道符。 管道符相關的幾個命令 如上。 管道符後面可以用很多命令 比如
學習筆記第二十五節課
作業正則介紹_grep 正則就是一串有規律的字符串,包含特殊符號。 對以後的寫shell腳本很大的幫助。可以實現很多復雜的需求。 第一個工具 grep grep 用來過濾關鍵詞。 -c 行數,過濾出來的這些行有多少行。 做實驗,先把etc/passwd 作為一個樣本文件 cp 到 創建的gre
學習筆記第二十六節課
作業sed sed也能實現grep的功能,但是有些麻煩,而且沒有顏色顯示。 sed的強項在於替換,替換一些指定的字符。 比如grep中的 . * |都可以在sed中實現,但是要加上/ / 和p (這裏只加p的話,匹配的含有root的 會連續打印兩次,不加關鍵詞,會將所有文件內容連續打印兩次。) 只打印
學習筆記第二十七節課
作業awk awk支持分段,比如passwd的文件很有規律,可以分開匹配。 awk 最簡單的功能,-F (加了-F 就是表示要分割,後面就添加分割的符號,比如:)分段 顯示 passwd 的第一段內容,以:分割。 想打印多個分割的內容,就加, 打印所有的內容 不用-F 直接打印就行了。 就相當於c
學習筆記第二十七節:AC自動機
正題 聽說NOIP要考,所以臨時補了一下,多了一種思考方式。 AC自動機是基於KMP和字典樹的,要想透徹瞭解AC自動機,最好先學KMP和字典樹。 那麼,AC自
學習筆記第二十六節:線段樹優化建圖
正題 這真是一個神奇的東西。 既然有這個演算法,那麼就一定有他能解決的題目。 我們以這一題為例:[POI2015]PUS。 &
學習筆記第二十五節:Meet in the Middle
正題 Meet in the Middle,折半搜尋。 用來解決一些普通搜尋過不了的,但是支援合併的題目。 以這一題為例:[CEOI2015 Day2]世界冰
學習筆記第二十九節:動態Dp
正題 因為NOIP2018考了這一個東西,所以不得不學。 我們以這一題為例題來引入今天的學習:【模板】動態dp 我們顯然可以用樹形Dp去做,倒不如我們先把方程
學習筆記第二十四節:分數規劃
正題 好像大部分都是01分數規劃? 它是解決這樣的問題的,求 怎麼做? 好像很麻煩。 我們來二分一個數k, 然後讓這堆
Django學習筆記(第二節)Hello World站點
檢視和URL配置 建立檢視 在上一節建立的mysite資料夾中建立一個叫做 view.py的空檔案,這就是檢視檔案。Django對這個檔案的名稱沒有特殊要求,但一般約定為view.py。 輸入以下內容: from django.http import HttpRespo
【神經網絡和深度學習】筆記 - 第二章 反向傳播算法
討論 固定 特征 array sed 並不會 思想 隨機梯度 相關 上一章中我們遺留了一個問題,就是在神經網絡的學習過程中,在更新參數的時候,如何去計算損失函數關於參數的梯度。這一章,我們將會學到一種快速的計算梯度的算法:反向傳播算法。 這一章相較於後面的章節涉及到的數學