[Pycharm] Create a Django project in Pycharm

From: http://blog.csdn.net/u013088062/article/details/50158239

From: http://blog.csdn.net/u013088062/article/details/50246781

From: http://blog.csdn.net/u013088062/article/details/50221825

 

最全Pycharm教程（8）——Django工程的建立和管理

最全Pycharm教程（13）——Pycharm部署

最全Pycharm教程（12）——Pycharm調試器之Java腳本調試

• 建立新工程
• 新工程解析
• 數據庫配置
• 建立MVC
• 代碼部署
• 調試JAVA腳本

 

---

建立新工程

　　一、主題

　　這部分教程主要介紹如何經過Pycharm建立、管理、運行一個Django工程。

　　Django是一個開放源代碼的Web應用框架，由Python寫成。採用了MVC的軟件設計模式，即模型M，視圖V和控制器C。

 

二、準備工做

　　　　（1）Pycharm爲3.0或者更高版本。

　　　　（2）電腦上至少安裝了一個Python解釋器，2.4到3.3版本都可。

　　　　 這部分教程所用的環境配置以下：

　　　　（1）Django模塊的版本爲1.6.5

　　　　（2）默認爲Windows模式下的快捷鍵配置

　　　　（3）這部分例子與Django模塊的說明文檔中所用的實例相同Django documentation

 

　　三、建立一個新工程

　　　　實際上全部工程的建立均可以經過單擊Welcome screen界面上的Create New Project按鈕來實現。

　　　　若是你已經打開了一個工程，能夠經過菜單欄File → New Project...來建立一個新的工程。接下來在 Create New Project dialog對話框中輸入工程名字、選擇類型以及用到的解釋器版本：

　　　　

　　　　單擊OK，工程的個性化設置完成。

　　　　這就意味着對應目錄已經建立完成，而且預先定義了一個.idea目錄用來保存配置信息project settings。

　　　　對於一個空的工程empty project，建立的環節已經完成了。接下里你就能夠開始編寫程序。但對於一些所支持的第三方框架，還有一些工做要作。

　　　　根據所選擇的工程類型，Pycharm會提示咱們進行一些額外的框架設置。

　　　　在本實例中，讓咱們來建立開發一個Django應用。

 

　　四、建立一個Django工程　　

　　　　所以，在Create New Project對話框中咱們的工程類型選擇爲Django，注意Pycharm會提示咱們安裝Django框架，若是當前環境中沒有可用的話。

　　　　接下來咱們進行Django工程的相關設置：

　　　　

　　　　單擊OK，設置完成。

 

---

新工程解析

　　五、工程目錄結構

　　　　正如上面所說，工程的根目錄結構已經建立完成，主要包含基本的框架配置文件和目錄，當你建立其餘類型的工程時也會有相似操做，如Pyramid, 或者Google App Engine。

　　　　接下來咱們研究如何在Project窗口中顯示工程結構。

 

　　六、Project窗口中的目錄結構

　　　　這是默認顯示模式。窗口中將會顯示的結構有polls（Application Name）和 MyDjangoApp（Project Name）目錄，固然還有兩個Python文件：manage.py 和 settings.py。

　　　　在這個窗口中你是沒法看到.idea目錄結構的。

　　　　

 

　　七、Project窗口下的工程文件

　　　　若是你想看到 idea目錄，只需選擇view Project Files模式，這個視圖所顯示的文件和以前同樣，只是多了idea目錄：

　　　　

　　　　Ok，回到以前的視圖模式。

 

　　八、Project窗口中所顯示的文件都是幹什麼用的？

（1）untitled目錄是工程的容器，在窗口中以加粗字體顯示。

（2）manage.py是一個命令行文件，幫助你操做你的Django工程，詳見product documentation

（3）嵌套子目錄 MyDjangoApp 充當了當前工程的庫 

（4）MyDjangoApp/_init_.py是一個空文件，用來指示當前目錄應該做爲一個庫來使用。

（5）MyDjangoApp/settings.py包含了當前工程的相關設置configuration for your Django project

（6）MyDjangoApp/urls.py包含了當前工程響應的url信息URL declarations for your Django project

（7）MyDjangoApp/wsgi.py定義了WSGI兼容模式下Web服務器的入口，詳見How to deploy with WSGI

（8）polls目錄下包含了完善Django應用的全部文件（此時爲空）：

　　　　polls/_init_.py指示當前目錄應該做爲一個庫來使用

　　　　polls/models.py保存咱們所建立的應用程序模型

　　　　polls/views.py保存咱們的views

（9）templates爲空，用以包含響應的模板文件

 

　　　　值得一提的是你能夠建立不少Django應用，經過運行manage.py文件的startapp任務來將其添加到當前工程中（主菜單上的Tools→Run manage.py task）命令。

 

---

數據庫配置

　　九、配置數據庫

　　　　根目錄生成後，咱們須要作一些微調。打開文件settings.py（選中後按F4）。

　　　　首先肯定準備在應用程序中使用哪一種數據庫。

　　　　能夠經過如下方法定位DATABASES變量：按下Ctrl+F，

　　　　而後在搜索欄中輸入須要查找的字符串，

　　　　而後在'ENGINE'行的冒號後邊輸入使用的數據庫管理系統（這裏暫且設置爲sqlite3）。

　　　　在'NAME'行，輸入預約義數據庫的名稱（不管其是否已經存在）：

　　

 

　　十、加載Django服務 

　　　　因爲咱們在這裏處於謹慎選擇了sqlite3數據庫。所以這裏無需再定義其餘變量（如用戶證書、端口號、POST文件等）。

　　　　接下來咱們覈實一下咱們的設置是否正確，作法至關簡單，至於要加載並運行 manage.py文件：按下Ctrl+Alt+R，在彈出的消息框中輸入任務名稱：

　　　　

 

　　十一、建立一個模型

　　　　接下來，打開並編輯（open for editing）models.py文件，注意此時Pycharm已經實現導入好了相關庫，而後鍵入如下代碼：

　　　　

　　　　事實上直接對上述代碼進行復制粘貼便可，不過這裏推薦你們手動輸入以體會Pycharm強大的拼寫提示功能：

　　　　

 

　　十二、建立一個數據庫

　　　　接下來咱們須要爲新建模型添加一個表單。再次使用Ctrl+Alt+R快捷鍵：

　　　　（1）首先從提示列表中選擇sql，而後選擇預期的應用名稱：

　　　　

　　　　這條命令會爲當前類自動添加SQL聲明：

　　　　

　　　　

　　　　（2）在提示列表中選擇syncdb語句，在提示列表中進行列表的建立，顯示結果以下：

　　　　

 

　　1三、完善管理控制函數

　　　　因爲咱們須要對應用進行帳戶管理，Pycharm已經在urls.py文件中定義好了相關命令。

　　　　然而，咱們須要編輯函數的admin功能。在polls文件夾下建立一個admin.py的文件（Alt+Ins），而後輸入一下代碼：

　　　　

　　　　再次展現一下Pycharm強大的拼寫提示功能：

　　　　

 

---

建立MVC

　　1四、運行與調試

　　　　如今咱們準備前往admin界面進行一些設置了。固然，咱們極可能須要先運行Django服務，進入對應文件目錄，在地址欄輸入完整的URL地址。

　　　　不過這裏Pycharm提供了一個輕量級的修改方法：Django server run configuration

　　　　單擊主工具欄的 run/debug configurations選項來進入調試配置模式，而後選擇Edit Configuration（或者在主菜單中選擇Run→Edit Configurations）：

　　　　

　　　　在 Run/Dug Configuration dialog box對話框中，輸入配置方案名稱（這裏爲myapp）、默認的瀏覽器（勾選Run browser選項），個性化定製咱們的節點界面：

　　　　

 

　　1五、加載用戶界面

　　　　加載並運行這個應用，按下Shift+F10或者主工具欄中的run按鈕，打開標準的administration頁面，並且必須登陸。接下來你能夠建立一些polls併爲其制定相應的問題及候選項：

　　　　

 

　　1六、建立視圖連接

　　　　接下來咱們準備爲應用添加一些子視圖，讓它擁有"index"、"details"、"results"、"votes"等子頁面。首先，咱們向urls.py文件中添加這些子頁面的模式（在Project窗口中選中該文件而後按F4）：

　　　　

　　　　這些模式所涉及的頁面目前還並不存在，所以須要手動向其中添加一些方法並進行模板關聯，這些操做在Pycharm的幫助下會變得異常簡單：

　　　　你只需將鼠標指針懸停在一個未定義（Pycharm會高亮顯示那些unresolved reference的代碼），這是會亮起一個黃色的小燈泡，這就意味着Pycharm在此準備了一個快速提示，單擊小燈泡（或者按下Alt+enter）：

　　　　

　　　　選擇Create Django view method選項來在views.py文件中建立一個視圖的成員方法，並與特定的模板文件相關聯。

　　　　接下來咱們會看到如下變化：

　　　　templates目錄再也不爲空，其中包含了咱們建立的根模板文件。

　　　　views.py文件中已經包含了根視圖的相關方法。

　　　　

　　　　除了添加了view的相關方法外，Pycharm還自動導入的Django中的相關操做，並用render_to_response來標記。

　　　　注意view method名稱左側的圖標，能夠經過該圖標來查看該方法對應的模板。能夠經過Create template<name>命令在快速建立視圖以及對應模板，接下來咱們向其中寫入代碼。

　　　　例如咱們但願看到polls的可用列表，打開views.py，輸入如下代碼：

　　　　

　　　　Pycharm會給出快捷的拼寫提示：

　　　　

　　　　完成後將會有以下顯示：

　　　　

 

　　1七、建立模板

　　　　接下來咱們向模板中添加一些代碼。打開index.html文件，輸入模板代碼。這裏須要注意的是大括號必定要成對出現，當你輸入{%，Pycharm會在輸入光標的後面自動添加另外一個括號。這裏你能夠經過Ctrl+Space來進行拼寫提示。

　　　　

　　　　當須要輸入HTML類型標籤時，PyCharm一樣設計了幫助系統：

　　　　Ctrl+Space調用拼寫提示功能。

　　　　當輸入一個括號時，會自動生成另外一個括號以進行匹配

　　　　接下來擬至於一步一步晚上你的模板代碼，最終結果以下：

　　　　

 

　　1八、大功告成

　　　　讓咱們覈實一下polls的變量列表，發現咱們的admin可以正常使用，而且可以在地址欄中顯示對應的URL地址（/admin/, type /polls/）：

　　　　

　　　　單擊以查看詳細信息：

　　　　

 

---

代碼部署

　　（1） 部署配置

　　四、配置一個部署服務器

　　　　單擊主工具欄中的設置按鈕來打開Settings/Preferences對話框，選擇 Deployment頁面（也能夠經過主菜單上的Tools→Deployment→Configuration命令來完成）。

　　　　單擊綠色加號，在Add Server對話框中，輸入服務器的名稱（MyRemoteServer）並指定其類型（此處選擇Local or mounted folder）：

　　　　

　　　　此時已經添加了一個新的服務器，但其內容爲空。它只顯示了Web服務的根域名（http://localhost），你須要在其中上傳你的文件。

 

　　五、如何定製 鏈接表單

　　　　選擇上傳文件的所在目錄，這裏爲本地目錄C:\xampp\htdocs（既能夠手動輸入，也能夠經過Shift+Enter快捷鍵來打開Select Path對話框進行輸入），詳見 product documentation：

　　　　

 

　　六、如何定製 映射表單

　　　　接下來，選擇Mappings tab，其中的Local path欄默認包含了工程根目錄。固然你能夠選擇你的工程樹中的任意目錄，這裏咱們使用它的缺省值。

　　　　在Deployment path欄中（缺省值爲空），須要定義服務器所在文件夾，未來Pycharm會從Local path文件夾向其中上傳文件。這裏選擇爲C:\xampp\htdocs。

　　　　最後在 Web path on the server MyRemoteServer欄中使用其缺省值：

　　　　

　　　　OK，保存設置，服務可用。

 

　　七、瀏覽遠端主機

　　　　你須要簡單的確認一下你的服務器是否已上線並正常運行。打開Remote Hosts tool window（位於PyCharm窗口的右邊緣）：

　　　　

　　　　固然，也能夠經過Tools→Deployment→Browse Remote Hosts菜單命令來打開這個窗口。

 

　　（2）部署操做

　　九、上傳

　　　　首先，向遠端服務器上傳文件，作法以下：

　　　　　　在 Project tool window窗口中，右擊待上傳的文件，這裏爲Solver.py。

　　　　　　在彈出的快捷菜單中，選擇Deployment→Upload to MyRemoteServer，觀察上載結果：

　　　　

　　　　固然咱們也能夠上傳工程目錄下的全部文件。

　　　　例如，右擊Solver.py文件所在父目錄（src），在快捷菜單中選擇Upload to MyRemoteServer，就可以將目錄下的全部文件上傳到服務端：

　　　　

　　　　

 

　　十、遠程、本地版本比較

　　　　此時再遠程服務端和本地服務端都有一份Solver.py文件，它們是徹底相同的。此時切換到本地視圖。

　　　　作法很簡單，將光標定位在函數聲明語句上，按下Ctrl+Alt+Shift+T（或者主菜單上的Refactor→Refactor This命令）：

　　　　

　　　　如你所見，快捷菜單中列出了當前文本下可用的全部代碼重構，咱們這裏選擇Rename refactoring，而且rename a method：

　　　　

　　　　單擊Do Refactor，觀察函數名稱以及用法的改變。

 

　　　　此時咱們已經對一個本地版本進行了更改，接下來咱們須要作的就是讓Pycharm接收到這些更改。

　　　　再次進入Project tool window，右擊Solver.py文件，在快捷菜單中選擇Deployment→Compare with Deployed Version on MyRemoteServer。

　　　　Pycharm會打開differences viewer for files對話框，在這裏你能夠經過shevron按鈕來覈對所作的改變：

　　　　

　　　　更多信息參見product documentation。

 

　　十一、下載

　　　　右擊Solver.py，選擇Deployment→Download from MyRemoteServer，Pycharm會當即給出警告提示：
　　　　

　　　　沒必要驚慌，直接單擊Continue便可：

　　　　

　　　　對應的你也能夠下載整個目錄下的文件，前提是這些文件已經上傳完成。例如，右擊父目錄src，執行相同操做，即會自動下載目錄中全部嵌套文件。

　　　　然而若是你試圖下載一個還未上傳的文件，Pycharm會給出下載失敗的提示：

　　　　

 

　　十二、同步機制調整

　　　　首先須要進行一步準備工做，就是將對Solver.py文件所作的更改撤銷（Ctrl+Z），此時會再次看到Solver.py文件中類的成員函數重構名稱。

　　　　接下來右擊Solver.py，選擇Deployment→Sync with Deployed to MyRemoteServer，Pycharm彈出 differences viewer for folders窗口，在這裏你能夠經過shevron按鈕來覈對所作的單獨改變：

　　　　

　　　　固然也能夠對整個文件夾進行同步操做。例如右擊node_modules選擇Deployment→Sync with Deployed to MyRemoteServer，此時會在左窗口中顯示node_modules文件夾中的內容，但右側窗口爲空，由於該目錄下的文件並未上傳到服務端。咱們能夠在此處進行上傳。選擇待同步的文件，單擊工具欄上的按鈕：

　　　　

 

　　1三、自動上傳至缺省服務器

　　　　當用戶須要在服務端使用與Pycharm工程中徹底相同的文件時，自動上傳功能就顯得很用幫助。自動上傳功能意味着不管在IDE中對代碼進行了何種改變，Pycharm都會自動將其保存在已部署的默認的服務端。

 

　　1四、將服務器指定爲缺省服務器

　　　　缺省服務器的最大優勢就是可使用自動上傳功能，指定方法以下：

　　　　（1）在Deployment page頁面上選擇一個服務器。有兩種打開Deployment page頁面的方法：

　　　　　　要麼使用Settings/Preferences→Deployment菜單命令，

　　　　　　要麼使用Tools→Deployment→Configuration菜單命令。

　　　　（2）在server configurations列表中，單擊缺省按鈕：

　　　　

 

　　1五、啓用自動上傳功能

　　　　設置完缺省服務器以後，接下來就是開啓自動上傳功能。作法以下：

　　　　（1）首先，打開Options部署選項（主菜單中的Settings/Preferences→Deployment→Options 或者 Tools→Deployment→Options命令），在Upload files automatically to the defaylt server選項中選擇Always，或者On explicit save action選項：

　　　　

　　　　以上兩個選項之間的差異詳見 in the field description。

　　　　（2）第二步，勾選主菜單Tools→Deployment→Automatic upload複選框，注意此時的automatic apload選項已經處於Always的模式：

　　　　

　　　　值得一提的是，咱們並不推薦在發佈的產品中使用Always模式，避免咱們在部署過程當中不經意上傳了未開發完整的代碼，從而破壞了產品的穩定性。

 

　　1六、上傳外部更改

　　　　默認狀況下Pycharm只上傳文件自身的更改狀況，若是咱們經過其餘途徑對文件進行了更改，例如經過VCS branch、transpilation of SASS 或者 LESS or a File Watcher進行的更改，Pycharm是不會將這些更改自動上傳的，爲了保證這些更改也能順利上傳，須要啓用Upload external changes功能：

　　　　

 

---

調試JAVA腳本

　　一、總覽

　　對於Web開發而言，調試Java腳本是十分重要的。爲了顯示Pycharm對於Java腳本的強大調試能力，咱們這裏建立一個很是簡單的腳本，用以展現一些簡單的瀏覽器頁面，而後在服務器上對其進行調試。

　　爲了可以在外部服務器上進行調試，須要在上面運行程序文件，同時在你的電腦上拷貝一份。不過不要緊，不管Web服務器是運行在物理遠端仍是運行在你的電腦上，其中的應用程序均可以當作是一個遠程服務程序。

　　當一個使用JavaScript生成的遠程文件打開時，調試器會告訴Pycharm當前處理文件的名稱以及對應的行號。

　　Pycharm會打開本地副本並定位到相應的行。

　　Pycharm的這種行爲使得服務端和客戶端的文件進程保持同步。這種通訊機制成爲映射（mapping），在debug配置文件中保留了相關的設置信息。

 

　　二、準備工做

　　（1）Pycharm版本爲3.0或者更高。

　　（2）使用谷歌瀏覽器（這篇教程是基於谷歌Chorme的）

　　（3）你已經安裝了JetBrains IDE Support外部插件。若是你是第一次加載調試器，Pycharm會給出你關於安裝JetBrains IDE Support外部插件的重要性。

　　舉個例子，對於瀏覽器，當在地址欄的右側顯示圖標，而且非透明，說明插件已經安裝而且成功激活。

　　能夠在https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji下載和安裝JetBrains IDE Support外部擴展。

　　建議使用XAMPP做爲服務端程序（文章是針對XAMPP的）。

 

　　三、建立一個簡單的工程

　　在主菜單中選擇File→New Project，選擇一個空工程，命名爲MyJSProject：

　　

　　在一個獨立的窗口中打開這個工程：

　　

 

　　四、實例準備

　　首先，建立一個HTML file。在工程管理窗口中按下Alt+Insert，在彈出的快捷菜單中選擇HTML文件類型，命名爲numbers：

　　

　　Pycharm會在生成的HTML文件中添加一些原始內容。接下來，向其中嵌入一個JavaScript文件，在<body>標籤下輸入一下代碼：

　　

　　在輸入代碼時注意體會Pycharm的拼寫提示功能：

　　

　　完成後，注意文件名numbers.js以高亮的形式給出。這說明當前的JavaScript文件不存在。在將光標定位在名稱「numbers」上，按下Alt+Enter（或者單擊左側的小黃色燈泡）；會給出快捷提示——建立一個缺省文件：

　　

　　經過這個快捷方法，已將建立好了原始的JavaScript文件，接下來輸入下面代碼：

　　

 

　　 五、設置斷點

　　接下來在JavaScript文件中插入斷點，很是簡單，在右側單擊便可：

　　

 

　　六、配置服務器

　　七、建立一個服務器

　　打開Settings/Preferences對話框（Ctrl+Alt+S或者單擊主菜單的設置按鈕），單擊Deployment page頁面的綠色的加號，將服務器命名爲MyRemoteServer，指定類型爲local or mounted server。

 

　　八、配置映射鏈接

　　接下來配置建立的服務器。在Connection選項卡中，輸入須要加載的本地文件的目錄，這裏爲C:\xampp\htdocs，也就意味着將從這個目錄來上傳本地文件：

　　

　　單擊Mappings選項卡，在這裏定義本地路徑，服務器的部署路徑（與Connection選項卡的設置相同），以及服務器的Web路徑：

　　

 

　　九、定義項目的默認服務器

　　指定建立的服務器爲當前項目的默認服務器，只需在Deployment toolbar中單擊按鈕。

 

　　十、預覽服務器

　　接下來須要確認咱們的服務程序可以在Pycharm的可視化窗口中順利上傳和運行。在主菜單中選擇Tools → Deployment → Browse Remote Hosts。遠程Host控制窗口會顯示當前新開啓的服務：

　　

 

　　十一、向服務器應用中部署文件

　　在Pycharm中這個操做很是簡單。在主菜單中選擇Tools → Deployment → Upload to MyRemoteServer，確保新目錄C:\xampp\htdocs已經在服務器上順利建立。

　　

　　另外一種方式能夠經過右擊文件，在快捷菜單中進行操做。固然兩者都須要經過Upload to MyRemoteServer命令來完成。

 

　　十二、調試

　　1三、開始調試

　　開始調試後，將會在瀏覽器中顯示你的HTML頁面，同時調試窗口 Debug tool window開啓。應有程序會在命中第一個斷點的時候中止，並用藍色標記代碼行：

　　

　　更多有關斷點的信息參見product documentation中的Breakpoints部分。

　　對應用程序進行更爲深刻的調試，相關的調試信息會顯示在調試窗口以及瀏覽器上：

　　

　　單擊和控制代碼的調試進程，經過關閉黃色標誌或者單價Cancel按鈕來終止調試。