- 博客(86)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue3学习-使用reactive函数定义响应式变量
如果修改整个响应式变量的值，不能直接给他赋值，因为直接赋值会丢失响应式。定义一些复合型响应式变量，则应该使用。点击更新作者按钮可以响应式更改作者名。修改App.vue导入Book。点击更新图书，会更改图书名称。创建一个Book.vue。修改Book.vue代码。初始化代码为三个标签。
2024-12-05 17:57:51
224
原创 Vue3学习-使用ref函数定义响应式变量
在components中新建Person.vue。导入ref并设置一个响应式变量username。vite.config.js配置使用。页面点击修改年龄，每次可以增加1。定义一个按钮点击可以修改用户名。修改Person.vue代码。设置组件名称为Person。上面的ref定义的是字符串。点击按钮后可以修改用户名。插件简化使用组件名称。app.vue中应用。ref还可以定义对象。
2024-12-05 17:33:01
191
原创 Vue3学习-组合式API
在Vue2中，使用的是（选项式API）。而Vue3中虽然也兼容，但是更推荐（组合）。那什么是，什么是呢？<script>// data() 返回的属性将会成为响应式的状态// 并且暴露在 `this` 上data() {return {count: 0},// methods 是一些用来更改状态与触发更新的函数// 它们可以在模板中作为事件处理器绑定methods: {},// 生命周期钩子会在组件生命周期的各个不同阶段被调用// 例如这个函数就会在组件挂载完成后被调用。
2024-12-05 17:06:10
641
原创 Vue3学习-vue项目创建、项目结构介绍、vue文件结构介绍
Vue(读音/vjuː/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！Vue目前是3版本了。node_modules：存放项目依赖的第三方包public：一些公共的文件src：项目的源代码，图片资源等--assets：图片、字体等静态资源--components：自定义组件App.vue：项目的主入口vue文件。
2024-12-05 14:26:46
542
原创 Vue3学习-VSCode安装以及插件安装
这款开发工具是微软官方出品，开源，免费，并且功能相当强大，使用者很多，插件相当丰富，是。中，点开即可看到一个搜索按钮，可以输入关键字搜索自己想要的插件。都是按照这个配置来的，就不需要我们每次写个项目都配置一下了。的单文件开发，就需要一些插件来帮我们识别。相当于是一个项目的集合，可以添加许多的。中可以做好一些配置，那里面所有的。更多插件大家可以自行搜索和安装。点击插件名搜索，然后点击安装即可。就是我们的每个项目的文件夹。在弹出的语言选择列表中，选择。的使用做一个简单配置。组合键，打开命令面板。
2024-12-04 12:15:31
1423
原创 Vue3学习-Node安装
在进行 Vue 项目开发时，必须先安装Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。在 Vue 项目中，我们通常会使用到 Node.js 的 npm（Node Package Manager）来管理项目所需的各种库和工具，例如 Vite、Babel、ESLint 等。此外，Node.js 还可以用来运行开发环境中的本地服务器，以及编译、打包项目等。因此，安装 Node.js 是进行 Vue 项目开发的基础步骤。
2024-12-04 12:10:34
561
原创 django5博客项目实战-代码高亮功能
这时候需要引用一个三方库highlight.js。博客详情页面引入highlight.js。当我们在发布博客的时候引用了代码功能。导入到项目的static中。然后在博客详情页面最后加入。下面是我下载好的静态文件。可以让代码设置为高亮。
2024-11-29 17:14:54
323
原创 django5博客项目实战-博客评论功能
给博客评论表增加一个参数 反向使用，当我们知道一个博客的时候可以获取这个博客的所有评论。可以通过博客评论表里面的博客属性可以拿到博客对象。修改blog app models.py。更改blog app urls.py。修改blog_detail.html。发布评论的前端代码更改。
2024-11-29 14:56:51
176
原创 django5博客项目实战-发布博客前端功能实现
button class="btn btn-primary" id="submit-btn">发布</button>发布博客页面表单里面需要添加csrf_token。点击发布可以在控制台里面看到发布成功。发布博客的视图函数中需要返回博客id。数据库里面可以看到发布的博客内容。然后修改pub_blog.js。更改博客成功跳转到博客详情页面。测试发布后跳转到了博客详情页面。我们前端使用的富文本编辑器。首先加载jquery.js。修改发布博客的ajax代码。需要使用ajax发送数据。
2024-11-28 18:00:10
311
原创 django5博客项目实战-发布博客后端功能实现
在blog app中新建一个forms.py。测试可以看到页面中加载了博客分类了。修改发布博客页面，引用博客分类。修改不发博客视图函数。
2024-11-28 17:14:25
188
原创 django5博客项目实战-Admin系统使用讲解
修改blog app下model.py添加相关表为中文，并且相关字段也可以设置为中文。设置用户为超级管理员权限is_superuser=1。在auth_user中修改is_staff=1。然后就可以使用之前的帐号登录Admin后台了。有时候添加数据，可以使用Admin去添加。修改blog app下admin.py。重新刷新页面可以看到表和字段都是中文了。然后刷新页面可以看到可以操作的表了。博客相关表是英文，可以修改为中文。需要添加到admin管理。然后刷新页面，可以看到。可以看到界面是中文了。
2024-11-28 16:59:28
294
原创 django5博客项目实战-发布博客页面访问限制
在setting.py中添加登录地址参数LOGIN_URL = "/auth/login"更改blog app下的发布博客视图函数的访问限制。测试登录和未登录去访问发布博客页面。发布博客页面需要登录成功后才能访问。先更改下导航栏的访问url。然后在视图函数前直接引用。有三种访问限制的方法。
2024-11-28 16:20:13
208
原创 django5博客项目实战-登录与非登录状态切换、退出登录功能
user表里面有个方法is_authenticated是可以判断是否登录的并且setting.py中上下文处理器里面添加了这个方法可以直接在前端中使用的修改前端base.html。
2024-11-28 15:58:19
280
原创 django5博客项目实战-验证码发送功能完成
数据库和邮箱里面可以看到收到的验证码。更改register.js代码。可以看到提示验证码发送成功。增加发送ajax请求。
2024-10-26 10:38:46
207
原创 django5博客项目实战-获取验证码按钮倒计时功能
因为获取验证码需要使用到ajax所以需要导入jquery导入jquery资源文件到static文件夹中在js文件夹中创建一个register.js。
2024-10-12 22:44:54
323
原创 django5博客项目实战-数据库配置和验证码存储
现在我们用另外一种方式，把数据库配置一个文件中在django项目根目录创建一个文件my.cnf然后设置数据库参数到my.cnf中然后更改settings.py数据库配置。
2024-10-12 22:18:14
358
原创 django5博客项目实战-把html页面改造为django模版页面
把相同的页面代码放到base.html中。改造blog_detail.html。改造register.html。改造pub_blog.html。新建base.html页面。改造index.html。改造login.html。
2024-10-07 11:23:36
320
原创 django5博客项目实战-用bootstrap5实现登录和注册页面
在myauth views.py里面创建登录和注册的视图函数。在templates文件夹中创建register.html。在templates文件夹中创建login.html。在主urls.py中导入认证的urls。在myauth里面创建urls.py。新建一个认证的app。
2024-10-07 11:09:54
572
原创 django5博客项目实战-用bootstrap5实现发布博客页面
创建pub_blog.js(static文件夹里面创建js文件夹)更改下博客详情页面路由以免有冲突。创建pub_blog.html。上面的代码中引入了富文本编辑器。创建发布博客的视图函数。引入富文本编辑器参考。
2024-10-07 10:48:43
482
原创 django5博客项目实战-用bootstrap5实现首页
html body中创建一个main标签引入containers。创建base.css并且设置body背景颜色为灰色。全选代码，按住Ctrl+Alt+L可以自动布局代码。index.html中引入base.css。flex布局，一个盒子内可以左右布局。row-gap-4设置列的上下间距。row-cols-2设置一行两列。rounded设置边框圆角。mb-3设置标签底部边距。p-3设置标签内部边距。设置文章内容卡片，参考。
2024-10-06 10:45:37
405
原创 django5博客项目实战-用bootstrap5实现导航条
打开项目新建一个app blogsettings.py注册app根目录中创建templates文件夹并在setting.py中设置下templates参数。
2024-10-05 15:41:15
632
原创 Django5入门教程-中间件
中间件所处的位置没有规定。只要是放到项目当中即可。一般分为两种情况，如果中间件是属于某个app的，那么可以在这个app下面创建一个python文件用来存放这个中间件，也可以专门创建一个Python包，用来存放本项目的所有中间件。
2024-10-05 11:06:29
814
原创 Django5入门教程-上下文处理器
上下文处理器是一个 Python 函数，它返回一个字典。这个字典中的键值对会被添加到每个模板的上下文中。上下文处理器可以在 Django 项目的任何地方定义，但通常定义在应用的文件中。
2024-10-05 11:01:38
458
原创 Django5入门教程-CSRF攻击
CSRF（Cross Site Request Forgery, 跨站域请求伪造）是一种网络的攻击方式，它在 2007 年曾被列为互联网 20 大安全隐患之一。其他安全隐患，比如 SQL 脚本注入，跨站域脚本攻击等在近年来已经逐渐为众人熟知，很多网站也都针对他们进行了防御。然而，对于大多数人来说，CSRF 却依然是一个陌生的概念。即便是大名鼎鼎的 Gmail, 在 2007 年底也存在着 CSRF 漏洞，从而被黑客攻击而使 Gmail 的用户造成巨大的损失。
2024-10-05 10:52:53
961
原创 Django5入门教程-Cookie和Session
cookie：在网站中，http请求是无状态的。也就是说即使第一次和服务器连接后并且登录成功后，第二次请求服务器依然不能知道当前请求是哪个用户。cookie的出现就是为了解决这个问题，第一次登录后服务器返回一些数据（cookie）给浏览器，然后浏览器保存在本地，当该用户发送第二次请求的时候，就会自动的把上次请求存储的cookie数据自动的携带给服务器，服务器通过浏览器携带的数据就能判断当前用户是哪个了。cookie存储的数据量有限，不同的浏览器有不同的存储大小，但一般不超过4KB。因此使用cookie。
2024-09-26 22:35:45
1933
原创 Django5入门教程-使用ModelForm简化表单处理
使用ModelForm，因为字段都不是在表单中定义的，而是在模型中定义的，因此一些错误消息无法在字段中定义。那么这时候可以在Meta类中，定义，然后把相应的错误消息写到里面去。'title':{'max_length': '最多不能超过10个字符！','min_length': '最少不能少于3个字符！},'required': '必须输入content！',
2024-09-19 22:16:19
346
原创 Django5入门教程-表单验证
有时候对一个字段验证，不是一个长度，一个正则表达式能够写清楚的，还需要一些其他复杂的逻辑，那么我们可以对某个字段，进行自定义的验证。比如在注册的表单验证中，我们想要验证手机号码是否已经被注册过了，那么这时候就需要在数据库中进行判断才知道。。如果验证失败，那么就抛出一个验证错误。telephone = forms.CharField(validators=[validators.RegexValidator("1[345678]\d{9}",message='请输入正确格式的手机号码！')])
2024-09-19 21:52:31
681
原创 Django5入门教程-表单验证的简单使用
新建一个项目form_demo创建一个app frontfront中创建froms.py,urls.py根urls.py更改代码app中urls.py更改代码app中views.py更改代码创建templates目录setting.py中更改TEMPLATES运行测试浏览器访问看到返回success说明环境搭建成功。
2024-09-19 17:50:04
302
原创 25.Django5入门教程-查询之F表达式和Q表达式
F表达式是用来优化ORM操作数据库的。比如我们要将公司所有员工的薪水都增加1000元，如果按照正常的流程，应该是先从数据库中提取所有的员工工资到Python内存中，然后使用Python代码在员工工资的基础之上增加1000元，最后再保存到数据库中。这里面涉及的流程就是，首先从数据库中提取数据到Python内存中，然后在Python内存中做完运算，之后再保存到数据库中。而我们的F表达式就可以优化这个流程，他可以不需要先把数据从数据库中提取出来，计算完成后再保存回去，他可以直接执行SQL语句。
2024-09-19 15:57:15
284
原创 24.Django5入门教程-查询之聚合函数
在Django中，聚合函数用于对查询集中的数据进行计算，例如计算总和、平均值、最大值、最小值等。可以使用方法结合Django提供的聚合函数来实现这些操作。
2024-09-19 15:37:32
1686
原创 23.Django5入门教程-查询操作
查找是数据库操作中一个非常重要的技术。查询一般就是使用filterexclude以及get三个方法来实现。我们可以在调用这些方法的时候传递不同的参数来实现查询需求。在ORM层面，这些查询条件都是使用field__condition的方式来使用的。以下将那些常用的查询条件来一一解释。
2024-09-18 23:01:13
1034
原创 21.Django5入门教程-book app调整
调整下项目的代码，让book的url在book app中的urls.py中。在book app中创建一个urls.py。主urls.py中更改下代码。
2024-09-18 16:16:25
161
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人