这部分教程主要介绍如何通过Pycharm创建、管理、运行一个Django工程。
Django是一个开放源代码的Web应用框架,由Python写成。采用了MVC的软件设计模式,即模型M,视图V和控制器C。
2、准备工作
(1)Pycharm为3.0或者更高版本。
(2)电脑上至少安装了一个Python解释器,2.4到3.3版本均可。
这部分教程所用的环境配置如下:
(1)Django模块的版本为1.6.5
(2)默认为Windows模式下的快捷键配置
3、创建一个新工程
单击OK,工程的个性化设置完成。
根据所选择的工程类型,Pycharm会提示我们进行一些额外的框架设置。
在本实例中,让我们来创建开发一个Django应用。
4、创建一个Django工程
单击OK,设置完成。
5、工程目录结构
正如上面所说,工程的根目录结构已经创建完成,主要包含基本的框架配置文件和目录,当你创建其他类型的工程时也会有类似操作,如Pyramid,或者GoogleAppEngine。
接下来我们研究如何在Project窗口中显示工程结构。
这是默认显示模式。窗口中将会显示的结构有polls(ApplicationName)和MyDjangoApp(ProjectName)目录,当然还有两个Python文件:manage.py和settings.py。
在这个窗口中你是无法看到.idea目录结构的。
7、Project窗口下的工程文件
如果你想看到idea目录,只需选择viewProjectFiles模式,这个视图所显示的文件和之前一样,只是多了idea目录:
Ok,回到之前的视图模式。
8、Project窗口中所显示的文件都是干什么用的?
值得一提的是你可以创建很多Django应用,通过运行manage.py文件的startapp任务来将其添加到当前工程中(主菜单上的Tools→Runmanage.pytask)命令。
9、配置数据库
根目录生成后,我们需要做一些微调。打开文件settings.py(选中后按F4)。
首先确定准备在应用程序中使用哪种数据库。
可以通过以下方法定位DATABASES变量:按下Ctrl+F,
然后在搜索栏中输入需要查找的字符串,
然后在'ENGINE'行的冒号后边输入使用的数据库管理系统(这里暂且设置为sqlite3)。
在'NAME'行,输入预定义数据库的名称(无论其是否已经存在):
10、加载Django服务
由于我们在这里处于谨慎选择了sqlite3数据库。因此这里无需再定义其他变量(如用户证书、端口号、POST文件等)。
接下来我们核实一下我们的设置是否正确,做法相当简单,至于要加载并运行manage.py文件:按下Ctrl+Alt+R,在弹出的消息框中输入任务名称:
11、创建一个模型
事实上直接对上述代码进行复制粘贴即可,不过这里推荐大家手动输入以体会Pycharm强大的拼写提示功能:
12、创建一个数据库
接下来我们需要为新建模型添加一个表单。再次使用Ctrl+Alt+R快捷键:
(1)首先从提示列表中选择sql,然后选择预期的应用名称:
(2)在提示列表中选择syncdb语句,在提示列表中进行列表的创建,显示结果如下:
13、完善管理控制函数
然而,我们需要编辑函数的admin功能。在polls文件夹下创建一个admin.py的文件(Alt+Ins),然后输入一下代码:
再次展示一下Pycharm强大的拼写提示功能:
14、运行与调试
现在我们准备前往admin界面进行一些设置了。当然,我们很可能需要先运行Django服务,进入对应文件目录,在地址栏输入完整的URL地址。
单击主工具栏的run/debugconfigurations选项来进入调试配置模式,然后选择EditConfiguration(或者在主菜单中选择Run→EditConfigurations):
15、加载用户界面
16、创建视图链接
接下来我们准备为应用添加一些子视图,让它拥有"index"、"details"、"results"、"votes"等子页面。首先,我们向urls.py文件中添加这些子页面的模式(在Project窗口中选中该文件然后按F4):
这些模式所涉及的页面目前还并不存在,因此需要手动向其中添加一些方法并进行模板关联,这些操作在Pycharm的帮助下会变得异常简单:
你只需将鼠标指针悬停在一个未定义(Pycharm会高亮显示那些unresolvedreference的代码),这是会亮起一个黄色的小灯泡,这就意味着Pycharm在此准备了一个快速提示,单击小灯泡(或者按下Alt+enter):
接下来我们会看到以下变化:
templates目录不再为空,其中包含了我们创建的根模板文件。
注意viewmethod名称左侧的图标,可以通过该图标来查看该方法对应的模板。可以通过Createtemplate
例如我们希望看到polls的可用列表,打开views.py,输入以下代码:
Pycharm会给出快捷的拼写提示:
完成后将会有如下显示:
17、创建模板
接下来我们向模板中添加一些代码。打开index.html文件,输入模板代码。这里需要注意的是大括号一定要成对出现,当你输入{%,Pycharm会在输入光标的后面自动添加另一个括号。这里你可以通过Ctrl+Space来进行拼写提示。
当需要输入HTML类型标签时,PyCharm同样设计了帮助系统:
Ctrl+Space调用拼写提示功能。
当输入一个括号时,会自动生成另一个括号以进行匹配
接下来拟至于一步一步晚上你的模板代码,最终结果如下:
18、大功告成
让我们核实一下polls的变量列表,发现我们的admin能够正常使用,并且能够在地址栏中显示对应的URL地址(/admin/,type/polls/):
单击以查看详细信息:
代码部署
(1)部署配置
4、配置一个部署服务器
单击绿色加号,在AddServer对话框中,输入服务器的名称(MyRemoteServer)并指定其类型(此处选择Localormountedfolder):
5、如何定制连接表单
6、如何定制映射表单
在Deploymentpath栏中(缺省值为空),需要定义服务器所在文件夹,将来Pycharm会从Localpath文件夹向其中上传文件。这里选择为C:\xampp\htdocs。
最后在WebpathontheserverMyRemoteServer栏中使用其缺省值:
OK,保存设置,服务可用。
7、浏览远端主机
当然,也可以通过Tools→Deployment→BrowseRemoteHosts菜单命令来打开这个窗口。
(2)部署操作
9、上传
首先,向远端服务器上传文件,做法如下:
在弹出的快捷菜单中,选择Deployment→UploadtoMyRemoteServer,观察上载结果:
当然我们也可以上传工程目录下的所有文件。
例如,右击Solver.py文件所在父目录(src),在快捷菜单中选择UploadtoMyRemoteServer,就能够将目录下的所有文件上传到服务端:
10、远程、本地版本比较
此时再远程服务端和本地服务端都有一份Solver.py文件,它们是完全相同的。此时切换到本地视图。
单击DoRefactor,观察函数名称以及用法的改变。
此时我们已经对一个本地版本进行了更改,接下来我们需要做的就是让Pycharm接收到这些更改。
11、下载
不必惊慌,直接单击Continue即可:
对应的你也可以下载整个目录下的文件,前提是这些文件已经上传完成。例如,右击父目录src,执行相同操作,即会自动下载目录中所有嵌套文件。
然而如果你试图下载一个还未上传的文件,Pycharm会给出下载失败的提示:
12、同步机制调整
首先需要进行一步准备工作,就是将对Solver.py文件所做的更改撤销(Ctrl+Z),此时会再次看到Solver.py文件中类的成员函数重构名称。
13、自动上传至缺省服务器
当用户需要在服务端使用与Pycharm工程中完全相同的文件时,自动上传功能就显得很用帮助。自动上传功能意味着无论在IDE中对代码进行了何种改变,Pycharm都会自动将其保存在已部署的默认的服务端。
14、将服务器指定为缺省服务器
缺省服务器的最大优点就是可以使用自动上传功能,指定方法如下:
要么使用Settings/Preferences→Deployment菜单命令,
要么使用Tools→Deployment→Configuration菜单命令。
(2)在serverconfigurations列表中,单击缺省按钮:
15、启用自动上传功能
设置完缺省服务器之后,接下来就是开启自动上传功能。做法如下:
(2)第二步,勾选主菜单Tools→Deployment→Automaticupload复选框,注意此时的automaticapload选项已经处于Always的模式:
值得一提的是,我们并不推荐在发布的产品中使用Always模式,避免我们在部署过程中不经意上传了未开发完整的代码,从而破坏了产品的稳定性。
16、上传外部更改
默认情况下Pycharm只上传文件自身的更改情况,如果我们通过其他途径对文件进行了更改,例如通过VCSbranch、transpilationofSASS或者LESSoraFileWatcher进行的更改,Pycharm是不会将这些更改自动上传的,为了保证这些更改也能顺利上传,需要启用Uploadexternalchanges功能:
1、总览
对于Web开发而言,调试Java脚本是十分重要的。为了显示Pycharm对于Java脚本的强大调试能力,我们这里创建一个非常简单的脚本,用以展示一些简单的浏览器页面,然后在服务器上对其进行调试。
为了能够在外部服务器上进行调试,需要在上面运行程序文件,同时在你的电脑上拷贝一份。不过没关系,无论Web服务器是运行在物理远端还是运行在你的电脑上,其中的应用程序都可以看成是一个远程服务程序。
当一个使用JavaScript生成的远程文件打开时,调试器会告诉Pycharm当前处理文件的名称以及对应的行号。
Pycharm会打开本地副本并定位到相应的行。
(1)Pycharm版本为3.0或者更高。
(2)使用谷歌浏览器(这篇教程是基于谷歌Chorme的)
(3)你已经安装了JetBrainsIDESupport外部插件。如果你是第一次加载调试器,Pycharm会给出你关于安装JetBrainsIDESupport外部插件的重要性。
3、创建一个简单的工程
在主菜单中选择File→NewProject,选择一个空工程,命名为MyJSProject:
在一个独立的窗口中打开这个工程:
4、实例准备
首先,创建一个HTMLfile。在工程管理窗口中按下Alt+Insert,在弹出的快捷菜单中选择HTML文件类型,命名为numbers:
Pycharm会在生成的HTML文件中添加一些原始内容。接下来,向其中嵌入一个JavaScript文件,在
标签下输入一下代码:在输入代码时注意体会Pycharm的拼写提示功能:
完成后,注意文件名numbers.js以高亮的形式给出。这说明当前的JavaScript文件不存在。在将光标定位在名称“numbers”上,按下Alt+Enter(或者单击左侧的小黄色灯泡);会给出快捷提示——创建一个缺省文件:
通过这个快捷方法,已将创建好了原始的JavaScript文件,接下来输入下面代码:
5、设置断点
接下来在JavaScript文件中插入断点,非常简单,在右侧单击即可:
6、配置服务器
7、创建一个服务器
8、配置映射连接
接下来配置创建的服务器。在Connection选项卡中,输入需要加载的本地文件的目录,这里为C:\xampp\htdocs,也就意味着将从这个目录来上传本地文件:
单击Mappings选项卡,在这里定义本地路径,服务器的部署路径(与Connection选项卡的设置相同),以及服务器的Web路径:
9、定义项目的默认服务器
10、预览服务器
接下来需要确认我们的服务程序能够在Pycharm的可视化窗口中顺利上传和运行。在主菜单中选择Tools→Deployment→BrowseRemoteHosts。远程Host控制窗口会显示当前新开启的服务:
11、向服务器应用中部署文件
在Pycharm中这个操作非常简单。在主菜单中选择Tools→Deployment→UploadtoMyRemoteServer,确保新目录C:\xampp\htdocs已经在服务器上顺利创建。
另一种方式可以通过右击文件,在快捷菜单中进行操作。当然二者都需要通过UploadtoMyRemoteServer命令来完成。