🌟 所属专栏:献给榕榕
🐔 作者简介:rchjr——五带信管菜只因一枚
😮 前言:该专栏系为女友准备的,里面会不定时发一些讨好她的技术作品,感兴趣的小伙伴可以关注一下~
👉 文章简介:项目准备
本文是该项目系列的开篇之作,先准备一些后面可能要用到的工具,搭建虚拟环境,创建项目文件夹。
🚩1 Anoconda创建python虚拟环境--TimeManager
项目的第一步,让我们从创建python虚拟环境开始。利用虚拟环境我们可以很好的管理不同的项目,安装不同版本的python,总之好处多多。而关于anaconda的安装网上有很多,我这里假设大家已经安装好了。那么接下来就让我们开始吧!
首先打开命令行cmd,输入conda create -n TimeManager python=3.8
![](https://i-blog.csdnimg.cn/blog_migrate/5d29fa46787e55ee2bc3fc30f2500ce9.png)
这里我创建了一个名为TimeManageer的虚拟环境,python的版本是3.8(这个版本比较稳定)
然后显示我们是否创建,我们点击y确认创建
![](https://i-blog.csdnimg.cn/blog_migrate/735ec661a0a010deed9988afc052480e.png)
出现下面的信息就显示我们创建成功了!
![](https://i-blog.csdnimg.cn/blog_migrate/919f64d5ae335e9c5f0a0c27ddb5ca6d.png)
我们按照提示输入conda activate TimeManager,在地址左边显示(TimeManager)则表明虚拟环境创建成功了!
![](https://i-blog.csdnimg.cn/blog_migrate/706918202b4775bff26935e075f7c046.png)
🚩2 在Pycharm专业版中创建一个Flask项目
创建好了虚拟环境后,我们就需要来创建一个flask项目。下面介绍如何创建(注意我这里的Pycharm专业版的版本是2022.2.4如果大家没有专业版也不要紧,可以对照我的项目结构自己创建文件夹,然后pip安装flask和相关包即可。专业版就是项目创建的快一点,不用手动安装flask而已)
首先打开Pycharm,点击file,点击New Projece
![](https://i-blog.csdnimg.cn/blog_migrate/66a18301486a5b3076b4292e10cfd977.png)
然后选择项目名称与地址、选择python的解释器(这里要用我们之前创建的虚拟环境中的解释器哦)
![](https://i-blog.csdnimg.cn/blog_migrate/d21217932cd04a965cb922a2339b6be0.png)
点击创建后我们的flask项目就创建成功了!可以看到其实东西真的不多,两个文件夹分别用于存放静态文件和前端页面,以及一个app.py文件作为启动文件,这里面的代码我们都是要删除重新编写的,这里只不过是生成出来给我们参考。
![](https://i-blog.csdnimg.cn/blog_migrate/492f4aa95f49861042dff8320bbc989d.png)
🚩3 准备Echarts.js文件
之前说了我们要用Echarts来实现可视化,所以需要导入其js文件。我们首先进入Echarts官网,点击下载
![](https://i-blog.csdnimg.cn/blog_migrate/9634e9f701145bd5357268c87ae29b35.png)
然后选择方法一,点击Dist的超链接进入github的下载页面
![](https://i-blog.csdnimg.cn/blog_migrate/dd85a4e1162ebf9ad0abd9514192c9e8.png)
进入下载页面后,找到echarts.js文件,然后下载即可(无法下载直接复制粘贴也可以的)
![](https://i-blog.csdnimg.cn/blog_migrate/ff6b4784a1321cc6fb91903d56a2d475.png)
下载完毕后,我们在static文件夹中创建一个js文件夹用于存放所有的js文件,然后把echarts.js加进去就大功告成啦!
![](https://i-blog.csdnimg.cn/blog_migrate/c11856d4093d55ac1be74ceb86fdaf0a.png)
🚩4 修改项目文件夹
做好上述准备后,我们来对timeManager文件夹的结构进行一些修改,方便后续的管理修改和维护!
首先创建python包app,注意是python包,不是普通的文件夹。如下图所示,有一个__init__.py文件。app包后续就是用来存放项目的各个分功能。
![](https://i-blog.csdnimg.cn/blog_migrate/dcb0ea2a9ba3b1ad3ba061c02ae115d6.png)
第二步我们把app.py文件中的代码全部删除,改名为manager.py,因为后续我们就把它作为整个项目的启动文件
![](https://i-blog.csdnimg.cn/blog_migrate/26c4642af51a8caff91c6640a2a866b8.png)
第三步,在static文件夹中创建css、images、musics、videos文件夹。创建config.py作为后续的配置文件
![](https://i-blog.csdnimg.cn/blog_migrate/652bc326250822bf1b8aaef58918b028.png)
![](https://i-blog.csdnimg.cn/blog_migrate/fab4553c25141dffb2b536a467e5b291.png)
💥5 总结
好的,到这里基本的项目准备就结束了,后续还有变动都是根据实际开发过程进行的。现在让我们回顾一下都做了什么:
利用anaconda创建一个python的虚拟环境
在Pycharm专业版中创建一个falsk项目并将虚拟环境的python解释器作为其解释器
下载echarts.js文件导入flask项目中
修改项目文件夹,创建一个app包用于存放各个分功能,创建相关静态文件夹,配置类文件config.py和项目启动文件manager.py
💙这里是个人时间管理网站项目开发全流程记录,欢迎感兴趣的朋友关注我,关注《献给榕榕》专栏,让我们一起享受项目开发的过程吧!💙