j1451284189的博客

=效果展示=：效果：固定在屏幕左侧，点击目录后收起，再次点击显示点击目录，文章滚动到对应位置=实现逻辑=：后端利用Markdown自动生成目录前端展示目录，并为目录添加样式点击目录实现滚动效果（距离顶部有一定距离）=相关代码=：前端<style> .catalogue-sm{ position: fixed; bottom: 450px; left: 10px; } .catalogue{

js实现图片放大与缩小效果

1-相关说明：haystack 全文检索框架，可配置各种搜索引擎，在Django内相当于app whoosh 搜索引擎2-whoosh下载与优化 中文分词jieba下载：pip install whoosh -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com优化由于whoosh搜索引擎自带的中文分词功能效果较差,所以为whoosh搜索引擎配置jieba库进行分词。(可不操作，但中文效果差)下载jieba：pi

效果展示：右侧div块展示博客详情右侧div块展示新建博客右侧div块展示新建博客实现逻辑：在一个DIV块展示不同的功能模块（查看博客，编辑博客，新建博客）前端发起Ajax请求后端使用render函数返回请求获取的内容前端接收render的HTML模板渲染后的HTML内容，并将其展现在特定区域（div）块相关代码：HTML：<div class="blog-detail" id="blog_detail"></div>JS： function add

效果展示上传前：上传后：实现逻辑：前端将后端传输的标签ID与标签名展示点击确认上传博客时，前端获取已选取的标签ID，并传输到后端后端获取数据后，将数据上传至数据库PS：标签与博客之间是多对多关系，所以前端我使用CheckBox相关代码：前端HTMLPS：前端获取列表，后端使用函数getlist获取的值为空，所以选择用json将其转换为字符串后再传给后端{% for tag in tags %} <label class="checkbox-inline ">

效果展示实现逻辑：前端验证邮箱输入框内是否是邮箱地址 （若不是 弹出提示框，否则下一步)后端获取邮箱地址，生成验证码发送至对应邮箱， （若发送失败 弹出提示框，否则下一步)获取验证码按钮开始倒计时 ，无法点击，等待用户输入相关代码前端HTML<form id="form" name="form" class="form-horizontal col-md-offset-3 " style="margin-top:20px" >

展现效果实现规则：默认展示7个分页按钮（previous与next不算）页面范围等于1:不展示所有页面范围小于等于7，全部展示:1 2 3 4 5 6 7所有页面范围大于7，需展示省略符例如共8，当前页为1-4：1 2 3 4 5 。8例如共8，当前页为5：1 。 4 5 6 。8(这种情况，当前页始终位于页面导航中部)例如共8，当前页为6-8：1 。4 5 6 7 8前端实现： <nav aria-label="Page navigation" style="padding

pycharm打开别人的项目打开pycharm ，点击文件，点击打开，选定你需要打开的Django项目（注意：要选择manage.py的上级文件，这样才能打开并运行整个项目。）创建本地数据库文件terminal打开数据库：mysql -u root -p，输入密码创建数据库并导sql文件> source /xx/xx/xx.sql;注意：若你的sql文件没有创建数据库的命令行，需要你自己创建数据库，然后导入数据create database xxxx;mysql> use

史上最全django安装教程选择版本首先由于版本兼容性问题，所以需要安装好对应的django,python,mysql版本才能确保今后程序的顺利运行，其兼容性见下表（表来源于博客）根据上表，我选择的版本号为django 3.0.3 （路径：Django1环境）python 3.7 （路径：Django1环境）mysql 8.0.17 （路径：C盘下）安装django和python为了避免更多的麻烦，我选择利用anaconda新建环境django1,来安装python和django包

通过宝塔面板部署Django项目至阿里云服务器参考链接：https://www.bilibili.com/video/BV1Cv411n7wA注意：本博文文章图片根据视频截图和博主自己的项目截图，包括项目名称，数据库名称可能不一致，请根据自己的情况判断第一步：项目打包1.Django项目需要生成一个生成requirement.txt（ 内容为项目所需的package list），方便项目部署时 下载依赖的包。详情参考：https://blog.youkuaiyun.com/z13653662052/arti