博客设计

本文探讨了设计能承受大访问量的博客系统的数据库结构,包括会员表、编辑表、博客分类表等,并讨论了如何优化查询性能及推荐机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


设计一个可以承受大访问量的博客表,Mysql数据库

      (部分字段省略)


 1: 会员表(访客) user(id,name,age,email,address,company等等) ,用户可以发布blog.

2 编辑表hostuser(id,name,age,email,address等等).

3博客分类表bolgtype(id,name,parentid(外键为本表的id,为了无限级别分类),status状态是否显示)

4 博客基础表 table bolg(id,发布用户,标题,type发布的博客类型,date发布日期,status审核状态,推荐到哪个页面int型),博客基础表,存储所有发布的博客,博客内容表就是从这个表分离出来的

5 博客基础审核表 (id,bolgid博客id,bolg标题,发布人id,审核日期) 逻辑为查询博客基础表相关状态的博客,为通过的可以点击通过,Ajax传参把博客基础表 的id,传过去,操作博客基础表。同时把审核过的放到博客基础审核表,查询已审核的时候直接博客基础审核表查询

6 博客内容表(id,标题,content) 这个表和blog表数据量一样,就是字段不同,分离这个表是为了查看详细页用的.

  7 推荐表 blogrecommended(id,标题,类型名称,typeid等) 推荐表和blog表数据量不一致,是符合blog某些条件,这个表主要是显示到频道页用的。因为频道页绝对不会用到content字段。推荐表的数据靠审核管理员审核或者删除,当数据量大的时候可以删除推荐表的一些博客,这样博客查询速度会快些.

8 退回原因表(id,bolgid,退回原因,退回邮箱).

 9推荐页面表 commondedpage(id,blogrecommendedid,pageid) 具体可以显示在那个页面,看pageid,比如pageid为1代表首页,2代表xx频道页,等等。这个表原本是从推荐表分离出来的,原本可以选择要推荐的页面,可能推荐到很多其他频道页,这个时候要相应的添加几条这样的数据,只是pageid不同而已,但是领出来以后就不用考虑数据冗余的问题了,而且减少了不必要的数据,而且推荐页面表也没有必要那么多字段,三个足以.

10 博客日志表 博客统计 分析用户爱好 点击量 博客分类点击量 分类访问对比图   

/**

基础表的操作:

修改基础表数据,推荐表数据删除,推荐页面表数据删除。

删除基础推荐数据,推荐表数据删除,推荐页面表数据删除

添加到基础表以后首先审核通过,然后可以推荐这个博客,要选择推荐到的页面,这个时候会

往推荐表和推荐页面添加数据。

博客推荐表操作:

博客推荐表之所以要存储typeid,typename 。typename 是因为前台看到的博客都可以直接查它所属的类型名称

typeid可以根据某个分类查询推荐表的那个分类的博客,这个可以做编辑人员发布某种类型的博客比例图


**/

疑问?当用户查询自己的博客的时候,如果从博客基础表中取数据不合理,基础表的数据量大到一定的程度自然也是一个问题。第二种方案是应该为每个user常见一个发布博客表,动态产生表,但是这样必然会导致表过多,不现实。如果存在一个表有怕数据库查询撑不住,不现实。求解补充个人博客地方如何设计?
资源下载链接为: https://pan.quark.cn/s/d9ef5828b597 在本文中,我们将探讨如何通过 Vue.js 实现一个带有动画效果的“回到顶部”功能。Vue.js 是一款用于构建用户界面的流行 JavaScript 框架,其组件化和响应式设计让实现这种交互功能变得十分便捷。 首先,我们来分析 HTML 代码。在这个示例中,存在一个 ID 为 back-to-top 的 div 元素,其中包含两个 span 标签,分别显示“回到”和“顶部”文字。该 div 元素绑定了 Vue.js 的 @click 事件处理器 backToTop,用于处理点击事件,同时还绑定了 v-show 指令来控制按钮的显示与隐藏。v-cloak 指令的作用是在 Vue 实例渲染完成之前隐藏该元素,避免出现闪烁现象。 CSS 部分(backTop.css)主要负责样式设计。它首先清除了一些默认的边距和填充,对 html 和 body 进行了全屏布局,并设置了相对定位。.back-to-top 类则定义了“回到顶部”按钮的样式,包括其位置、圆角、阴影、填充以及悬停时背景颜色的变化。此外,与 v-cloak 相关的 CSS 确保在 Vue 实例加载过程中隐藏该元素。每个 .page 类代表一个页面,每个页面的高度设置为 400px,用于模拟多页面的滚动效果。 接下来是 JavaScript 部分(backTop.js)。在这里,我们创建了一个 Vue 实例。实例的 el 属性指定 Vue 将挂载到的 DOM 元素(#back-to-top)。data 对象中包含三个属性:backTopShow 用于控制按钮的显示状态;backTopAllow 用于防止用户快速连续点击;backSeconds 定义了回到顶部所需的时间;showPx 则规定了滚动多少像素后显示“回到顶部”按钮。 在 V
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值