【开发企业官网】1.需求分析
学习完了前面的Django基础之后,接下来咱们要动手实践了,我们的实践项目是开发一个公司官方网站。选择这个主题的原因是因为我们目前处于零基础阶段,而官网和个人博客是非常适合零基础的小伙伴上手的项目。 在掌握了Django后,熟悉了这些套路以后,我们将进一步学习一些更复杂的网站开发技巧。现在,我给大家选定了一个官方网站模板。这个模板包含了前端页面的内容,我们不需要自己编写页面,直接使用这个现成的即可。
因为对于很多零基础小伙伴而言总会有这样的疑问,我们呢是学习前端还是后端?还是在学习一个全栈?那其实咱们Python是属于后端,所以呢,咱们前端页面内容我们可以,在掌握Django之后再去了解。 那在这里,我们直接给大家奉献上了这么一个官方网站,看一下这个网站呢,现在它是一个静态页。
大家也可以看到这里呢,这是我在本地的文件,它是一个静态页的模板,也就是说前端的页面,前端的页面内容就不需要我们来自己编写了。
咱们直接使用这个现成的网站模板。这个网站模板包含了一些静态文件,如HTML页面、CSS样式、字体和图片,以及一些JavaScript文件实现的效果。我们可以直接用浏览器打开这些HTML文件,观察页面效果。
这个页面呢,有这么几项,大家也可以发现啊,其实它就一个页面,那如果你选择它,它就会相当于一个锚点。 看一下这里有一个 #号,它就会自动定位到这,然后你选择右上角的其他位置,就定位到下一块。以此类推,其实它一直在一个页面上
那接下来咱们就来分析分析这个页面中哪些是动态内容,哪些是静态内容,这就相当于你是一个公司的运营,这是你公司的官网,有一些东西是经常要改动的。所以呢,你就不能在页面上写死,我们就需要在后台可以配置,咱们先分析一下这个页面哪些是经常需要变更的,哪些是不需要变更的?首先呢,这是第1块就是一个幻灯片,这幻灯片大家都比较熟悉了,基本上网站前面都有一个这样的东西,那这个幻灯片呢,它有一个背景图,它的效果是由js事件的,我们不用管它,如果一个公司经常要维护它的话,那么我们就以它设置为动态的。动态内容包含这个图片 这里的标题,还有图片中的内容,需要我们进行在后端进行设置。
接下来继续往下看,第2部分,关于我们,这个关于我们那基本上很多公司都有,这个东西基本上就没变过,很少变化,咱们就忽略它。
第3部分成功案例,包含企业集团、移动金融、建筑设计。有的时候咱们需要经常变更一下,如果你有新的合作伙伴了,咱们宣传一下就用它。成功案例主要就是图片,这是经常变化的。
继续往下看,服务流程这块就和咱们的关于我们差不多一样,基本上每个公司这个服务流程都是不怎么改动的,这个相当于静态页内容了。
继续往下看,团队成员团队介绍,如果公司经常会变更一些人物啊,或者是你想宣传更多的新来的小伙伴呢,那这个时候它就会发生变化了,团队介绍这部分内容也是动态的。
资讯中心,那这肯定是动态的了,每天公司会有一些新闻,我们跟谁谁合作了,我们取得什么样成绩了。让用户知道了解这些东西。资讯中心它肯定是变化的
那这样呢,咱们就分析完了这个网站了,上面这些内容是需要变化的,那我们需要对它进行处理。
咱们再看一看哪些东西是可以进行合并的?比如说这里轮播图这个没法和其它的合并,因为它这个图都是一些背景大图。成功案例这里有图片,然后点击进去应该有一个链接进去,让其他人看到你和谁合作了,所以呢,它点进去应该就是和我们资讯中心的内容差不多少,点进去应该有一些标题啊,日期、内容。所以呢,这两块是可以合并到一起的,它有图片,它有图片,我们却别他们的时候,我们做一个分类,设置一个分类ID。分别表示成功案例和资讯中心。那接下来就是团队介绍,它就没有什么可合并的了。所以咱们经过一番分析以后,整个页面能够变化的就是这么多: 轮播图、团队介绍、资讯中心、成功案例
那经过咱们这么分析以后,我们就把整个页面分为动态和静态的。动态的这些内容就需要我们在后台进行添加维护。那这些时候呢,咱们就需要创建用数据库,咱们在数据库里进行增删改查来维护网站内容。
LiudeMacBook-Pro:~ liuyang$ cd my-website
LiudeMacBook-Pro:my-website liuyang$ ls
README.md docs sidebars.js
babel.config.js docusaurus.config.js src
blog package.json static
LiudeMacBook-Pro:my-website liuyang$ npx docusaurus start