[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按钮来终止调试。