数据工厂平台重启-1: 用vue和django创建一个新项目

简介: 我之前写的那四章的数据工厂的设计和技术选型 ,不打算继续了。应广大粉丝朋友的要求,我决定重启,或者说重写。 新人朋友 从本节开始看起 就可以咯。

 1:环境准备和创建项目

   说下博主目前因为电脑的旧项目原因各组建的版本号并不是最新的,大家可以自行使用最新的,并且百度下差异。而求稳的 可以保持和博主一样的版本:

   电脑:macOs 苹果笔记本系统

   python: 3.7.2 请自行安装

   django:2.2   可以pip3 install django==2.2 来下载

 

 

   然后我们用终端 或 cmd,进入到我们想创建项目的目录下,使用django-admin 命令和参数来创建一个空的django项目:

微信图片_20220705222337.png

如图,我项目的名字叫 WQRF_DB_MAKE , 我去热饭的数据制造工厂。


创建完后我们直接进入这个项目里,看到django已经为我们创建了一些文件和目录。这就是框架的好处。

微信图片_20220705222357.png

然后我们用pycharm 打开该项目,正式开始开发:

微信图片_20220705222403.png

我们先不要着急创建app,先去settings.py中进行一些初始化的设置修改:

1. 在Allowed_hosts里加个 ‘*’,来表示 本项目可以让其他电脑访问,别忘了星号后面的逗号。

微信图片_20220705222409.png

2.为了防止后续身份认证的麻烦,我们暂时注释掉csrf

微信图片_20220705222415.png

3.时区设置成中国的上海

微信图片_20220705222457.png

暂时先这样,之后我们还可能会需要修改settings.py,现在我们可以启动服务来测试下了,启动的方式有:

  1. 自己手动输入命令:python3 manage.py runserver 0.0.0.0:8000

微信图片_20220705222509.png

2.点击pycharm右上角的自动运行:

项目只能运行一次,所以上面我们手动启动后,要用ctrl+c 来结束服务。才能尝试第二种方法启动,如果不退,它会报错说8000端口已被占用。

微信图片_20220705222514.png

注意那个绿色的dj 就代表是django项目自动默认启动器,点击绿色三角就启动了:


微信图片_20220705222521.png

 3.自己手动设置一个run启动器:

  点开pycharm的启动器设置:

微信图片_20220705222527.png

然后在弹出的框内点击左上的加号,再选择python:

微信图片_20220705222533.png

然后就会发现在 人家默认的dj启动器下面多了一个python:

微信图片_20220705222540.png

初始名为Unnamed.右侧要对它进行设置:

先是名称:

微信图片_20220705222546.png

然后是Script path: 就是让你选择一个要调用的py文件,我们选择manage.py

微信图片_20220705222553.png

成功后如图:

微信图片_20220705222559.png

然后是参数Parameters,自己手动写:

微信图片_20220705222605.png

然后我们检查一下 下面的编译环境:

微信图片_20220705222610.png

确保是python3 并且 工作目录是写着当前项目后,点击右下角的确定按钮,就变成了这样了。

微信图片_20220705222616.png

现在我们点击绿色三角,就可以一样运行启动服务了,但是别忘了把之前用第二种方式启动的服务中止:

微信图片_20220705222621.png

启动成功如下:

微信图片_20220705222626.png

后俩种方式启动后 可以用 左侧的 红方块来中止服务,也可以点击方块上面的 绿色圆环箭头 来重启服务。

微信图片_20220705222632.png

好了,关于启动 重启等基础 就先讲到这,希望小伙伴 对pycharm的熟练应该尽量去自学熟练起来,这并不是本教程的重点内容。

相关文章
|
3月前
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
231 2
|
2月前
|
数据采集 监控 JavaScript
在 Vue 项目中使用预渲染技术
【10月更文挑战第23天】在 Vue 项目中使用预渲染技术是提升 SEO 效果的有效途径之一。通过选择合适的预渲染工具,正确配置和运行预渲染操作,结合其他 SEO 策略,可以实现更好的搜索引擎优化效果。同时,需要不断地监控和优化预渲染效果,以适应不断变化的搜索引擎环境和用户需求。
|
2月前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
2月前
|
SQL 监控 数据库
深入探索Django ORM:高效数据操作的秘诀与实践####
在当今的Web开发领域,提升数据访问层的效率是优化应用性能的关键。本文旨在通过剖析Django框架中的ORM(对象关系映射)机制,揭示其如何简化数据库交互,并探讨一系列高级技巧与策略,帮助开发者构建更高效、可维护的数据访问代码。我们不涉及安装步骤或基础概念,而是聚焦于实战经验分享,旨在为中高级开发者提供深度洞见。 ####
|
3月前
|
JavaScript
如何在 Vue 项目中选择合适的模块格式
【10月更文挑战第20天】选择合适的模块格式需要综合考虑多个因素,没有一种绝对正确的选择。需要根据项目的具体情况进行权衡和分析。在实际选择过程中,要保持灵活性,根据项目的发展和变化适时调整模块格式。
25 7
|
2月前
Vue3 项目的 setup 函数
【10月更文挑战第23天】setup` 函数是 Vue3 中非常重要的一个概念,掌握它的使用方法对于开发高效、灵活的 Vue3 组件至关重要。通过不断的实践和探索,你将能够更好地利用 `setup` 函数来构建优秀的 Vue3 项目。
|
3月前
|
JavaScript 前端开发 编译器
在 Vue 项目中使用 ES 模块格式的优点
【10月更文挑战第20天】在 Vue 项目中使用 ES 模块格式具有众多优点,这些优点共同作用,使得项目能够更高效、更可靠地开发和运行。当然,在实际应用中,还需要根据项目的具体情况和需求进行合理的选择和配置。
46 6
|
2月前
|
JavaScript 测试技术 UED
解决 Vue 项目中 Tree shaking 无法去除某些模块
【10月更文挑战第23天】解决 Vue 项目中 Tree shaking 无法去除某些模块的问题需要综合考虑多种因素,通过仔细分析、排查和优化,逐步提高 Tree shaking 的效果,为项目带来更好的性能和用户体验。同时,持续关注和学习相关技术的发展,不断探索新的解决方案,以适应不断变化的项目需求。
|
3月前
|
缓存 JavaScript 前端开发
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
《基础篇第4章:vue2基础》:使用vue脚手架创建项目
84 3
|
3月前
|
存储 JavaScript 前端开发
Vue.js项目中全面解析定义全局变量的常用方法与技巧
Vue.js项目中全面解析定义全局变量的常用方法与技巧
64 0

热门文章

最新文章