Vue实战狗尾草博客管理平台第四章

本章主要内容如下: 填补上期的坑. iconfont仓库的关联,引入. 开发登录页面填坑上期中我们功能都已正常使用.但不知道有没有小伙伴测试过error页面,当访问地址不存在时,路由是否能正常挑战error页面. 其实是不能的,因为上期的路由配置中,对404,页面及通配符页面的auth没有关掉,导致,在没有登录的情况下,404页面是进不去的.必须先进行登录.所以这是不合适的.这里大家需要先关掉auth. router>permission.js文件中,我们在校验到没有登录的时候会跳转到登录页…

Vue实战狗尾草博客管理平台第六章

Vue实现狗尾草博客后台管理系统第六章本章节内容文章列表文章详情草稿箱文章发布. 本章节内容呢,开发的很是随意哈,因为多数就是element-ui的使用,熟悉的童鞋,是可以很快完成本章节的内容的. 为啥文章模块会有这么多东西呢? 因为狗尾草想着以后,文章如果是待发布的话就需要一个地方去存放起来,一开始删除的文章呢,也将会被移入到草稿箱中,这样的话,文章就不会被随便的更改啦. 文章列表先给大家一张效果图是不是感觉非常轻松,一个table就可以搞定, 这里的代码呢,我就直接贴出来,因为…

Vue实战狗尾草博客管理平台第五章

本章主要内容如下: 静态资源服务器的配置.学会如何使用静态资源服务器引入静态资源.并给大家推荐一个免费可使用的oss服务器~ 页面的开发由于近期做出的更改较大.就放在下一篇中. 静态资源服务器静态资源服务器一般我叫他oss服务器,我们一般都会将一些静态资源文件,比如图片或者其他的视频,音频文件,脚本文件等都可以进行存放.而我们在开发中也仅仅通过连接引入即可进行使用.减少了本地图片的加载.在通过CDN加速后,起响应速度也不用担心啦~ 免费的静态资源服务器体验七牛云确实是一个挺良心的平台哈.说真…

Vue实战狗尾草博客后台管理系统第七章

Vue实战狗尾草博客后台管理平台第七章本章内容为借助模块化来阐述Vuex的进阶使用. 在复杂项目的架构中,对于数据的处理是一个非常头疼的问题.处理不当,不仅对维护增加相当的工作负担,也给开发增加巨大的压力. 在大量的实战开发过程中,狗尾草总结出来的较为友好的方式是使用一个单独的数据管理库去管理数据. 这样不会给页面增加额外的负担.且API的调用也属于数据处理/获取的部分.因此也放在数据管理下统一管理注:本章节内容与狗尾草博客管理平台没有任何关系,仅作为Vuex的进阶使用来分享对模块化的简…

Vue实战狗尾草博客后台管理系统第三章

Vue实现狗尾草博客后台管理系统第三章本章节,咱们开发管理系统侧边栏及面包屑功能. 先上一张效果图样式呢,作者前端初审,关于设计上毫无美感可言,大家可根据自己情况设计更好看的哦~ 侧边栏这里我们借助element的aslide侧边栏,直接使用. 在components>commons下新建Aslide.vue,Header.vue组件.分别作为我们的侧边栏和头部组件. Aslide内容,我们直接使用el-menu及相关侧边栏组件.不过要仔细阅读以下官方文档,否则使用会比较费劲. colla…

Vue实战狗尾草博客管理系统第一章

Vue实战狗尾草博客后台管理系统第一章这里准备采用的技术栈为:vue全家桶+element-ui 这里因为是后台管理系统,没有做SSR的必要.所以这里就采用前后端分离来昨晚这个项目~ 项目搭建 vue init webpack gwc_manage 初始化过程中,会让我们进行一些依赖包,项目配置的基本选择.项目名称,作者信息,描述,是否安装路由,eslint,测试单元,npm/yarn. 这里不选择安装eslint和测试单元.用过的人应该知道非常酸爽. 项目初始化成功后, npm run d…

Vue实战狗尾草博客管理系统第二章

伙伴们出来啦,探讨各问题,关于项目中大量的表单,大家是怎么处理的? 本章主要内容如下:底层布局,路由配置,github仓库推送关联. 关联GitHub仓库关联建立在github已创建账号的基础上登录自己的Github账号新建项目然后根据自己的情况添加名称和描述新建完成后,我们只需要按照提示的信息一步一步完成即可复制命令行到项目终端,回车即可实现推送. 为了验证推送的readme.md文件我们刷新github,即可看到自己添加的readme文件已经才存在仓库之中,下来我们就需要添加项目…

一个 Vue + Node + MongoDB 博客系统

源码耗时半载(半个月)的大项目终于完成了.这是一个博客系统,使用 Vue 做前端框架,Node + express 做后端,数据库使用的是 MongoDB.实现了用户注册.用户登录.博客管理(文章的修改和删除).文章编辑(Markdown).标签分类等功能. 很早之前就想写一个个人博客.学了 Vue 之后,把前端部分写出来,然后 Node 一直拖拖拉拉的学了很久,中间又跑去实习了一段时间,所以直到回学校之后才列了个计划把这个项目实现了. 翻出之前写的前端部分,好丑啊,干脆推掉重写吧.前端模仿的…

关于vue项目管理项目的架构管理平台

关于vue项目管理项目的架构管理平台 https://panjiachen.github.io/vue-element-admin-site/#/zh-cn/faq 31.4k 次浏览完整项目地址:vue-element-admin系类文章一:手摸手,带你用vue撸后台系列一(基础篇)系类文章二:手摸手,带你用vue撸后台系列二(登录权限篇)系类文章三:手摸手,带你用vue撸后台系列三(实战篇)系类文章四:手摸手,带你用vue撸后台系列四(vueAdmin 一个极简的后台基础模板) 前…

python drf+xadmin+react+dva+react-native+sentry+nginx 搭建前后端分离的博客完整平台

前言: 经过差不多半年的开发,搭建从前端到服务器,实现了前后端分离的一个集PC端.移动端的多端应用,实属不易,今天得空,好好写篇文章,记录这些天的成果.同时也做个分享. 演示网站地址: http://www.jimck.cn:8080 摘要随着多媒体信息化进程的日新月益的变化,手机.电脑等多媒体的普及,人们时时刻刻都跟信息化设备打交道,于是萌生了一个想法,打算弄个个人博客网站,集成新闻资讯,同时可以通过移动APP去结合使用,方便快速查看个人博客以及相关个人资讯. 本系统后端是基于Django…

基于docker搭建wordpress博客网站平台

WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站.也可以把 WordPress当作一个内容管理系统(CMS)来使用. WordPress是一款个人博客系统,并逐步演化成一款内容管理系统软件,它是使用PHP语言和MySQL数据库开发的.用户可以在支持 PHP 和 MySQL数据库的服务器上使用自己的博客. WordPress有许多第三方开发的免费模板,安装方式简单易用.不过要做一个自己的模板,则需要你有一定的专业知识.比如你至少要…

【docker构建】基于docker构建wordpress博客网站平台

scribefire 多博客管理利器安装详解

scribefire 多博客管理利器安装详解一.ScribeFire介绍 ScribeFire 是 Firefox (火狐浏览器)上著名的博客写作工具,目前已跨平台支持多浏览器(Firefox,Chrome,Opera,Safari) ScribeFire 可以离线写,在线再发,方便一稿多投. 特点: 可以方便的插入 AdBull 广告代码(用来赚钱) 多博客管理支持文章模板代码状态下支持 Markdown 语法支持右键分享文章,链接等支持管理已发布的博文支持分屏,一半是正在浏览的…

基于django的个人博客网站建立（四）

基于django的个人博客网站建立(四) 前言网站效果可点击这里访问今天主要添加了留言与评论在后台的管理和主页文章的分页显示,文章类别的具体展示以及之前预留链接的补充主要内容其实今天的内容和前几天的基本相似,就是个体力活首先是评论在后台的管理: @auth def view_comment(request): if request.method == 'GET': all_comment = models.Comment.objects.all().order_by('id').rev…

vue.js快速搭建图书管理平台

前言上一期简单讲解了vue的基本语法,这一次我们做一个小项目,搭建一个简单的图书管理平台,能够让我们更深刻的理解这门语言的妙用. 1.DEMO样式首先我们需要搭建一个简单的demo样式,推荐大家使用bootstrap,可以很快的搭建出一个清晰简洁的页面. 给大家分享一段我的代码吧. <div class="container"> <div class="col-md-6 col-md-offset-3"> <h1>…

在Github上搭建自己的博客(Windows平台)

折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点和 csdn,新浪,网易相比,在Github上可以自己实现功能和阿里云,VPS相比,github托管的代码是免费的 github上只能托管静态网页,后台有数据库的这种动态网站不能托管你有一个Github的账号懂一些基本的Web开发相关的知识 Ruby运行时,可以在Windows或者linux环境下进行安装建站的过程在github创建网站的代码库,名字必须为username…

flask实战-个人博客-使用蓝本模块化程序

使用蓝本模块化程序实例化flask提供的blueprint类就创建一个蓝本实例.像程序实例一样,我们可以为蓝本实例注册路由.错误处理函数.上下文处理函数,请求处理函数,甚至是单独的静态文件文件夹和模板文件夹.在使用上,它和程序实例也很相似.比如,蓝本实例同样拥有一个route()装饰器,可以用来注册路由,但实际上蓝本对象和程序对象却有很大的不同. 实例化Blueprint类时,除了传入构造函数的第一个参数是蓝本名称之外,创建蓝本实例和使用flask对象创建程序实例的代码基本相同.例如,下面的代…

.NetCore WebApi + Vue +MySql搭建博客

因为我是一直写C#的,所以最近闲暇时间一直在学习.NET Core,该博客的后端使用的就是.NET Core WebApi然后加前端Vue. 首先后端.NET Core搭的框架是一个仓储层+服务层+API,然后数据库访问是EF Core+Mysql数据库.具体接口都使用的异步,使用第三方IOC容器解耦. 然后前端页面是网上找的模板https://www.yangqq.com/link.html,博主有各种风格的博客,可以去看下.然后接口请求是axios,vue用来处理数据. 开发环境:vs201…

使用 vue + thinkjs 开发博客程序记录

一入冬懒癌发作,给自己找点事干.之前博客程序写过几次,php 的写过两次,nodejs 用 ThinkJS 写过,随着 ThinkJS 版本从1.x 升级到 2.x 之前的博客程序也做过升级.但是因为前面考虑搜索引擎抓取还是用传统的方式开发,没有做前后端分离.这次准备用 vue2.x 和 ThinkJS 3.X 重新写一次.这里主要记录一下开发过程中遇到的问题和解决方法. 地址 https://github.com/lscho/Thin... 尚未写完,持续更新中,后续更新发布在个人博客中:ht…

1小时搞定vuepress快速制作vue文档/博客+免费部署预览

先来一下演示效果.和vue的官方文档几乎是一致的,页面内容都可自定义. 此教程部署后的效果预览. 在你跟着教程搭建好项目之后,你会收获: 快速搭建一个文档/博客,后期只需要修改markdown内容和导航参数,即可一键打包生成页面. 页面具有非常好的加载性能和搜索引擎优化(SEO),其他的页面则会只在用户浏览到的时候才按需加载. 自动生成全局搜索.记录上次修改时间等功能. 可嵌入vue组件或跳转至其他页面,可定制自己的样式模板便于扩展. 一键免费部署到 github.pages,无需服务器即可拥有…

flask实战-个人博客-模板 --

模板 personalBlog采用典型的博客布局,左侧三分之二为主体,显示文章列表.正文:右侧三分之一为边栏,显示分为类列表.社交链接等.现在的工作是将HTML文件加工为模板,并创建对应的表单类,在模板中渲染. 并非所有的页面都需要添加边栏,所以我们不能把它放到基模板中.为了避免重复和易于维护,我们把边栏部分的代码放到了局部模板_sidebar.html中.除了基模板base.html和存储宏的macros.html模板,personalBlog程序的博客前台使用的模板如下所示: index.h…

flask实战-个人博客-程序骨架、创建数据库模型、临接列表关系 --

编写程序骨架 personalBlog的功能主要分为三部分:博客前台.用户认证.博客后台,其中包含的功能点如下图所示: 数据库 personalBlog一共需要使用四张表,分别存储管理员(Admin).分类(Category),文章(Post)和评论(Comment). 1.创建数据库模型 1)管理员如果是编写一个固定的个人博客,那么事情就要简单得多,博客的大部分固定信息(比如博客标题,页脚信息等)都可以直接写死在模板中,或是使用自定义的配置存储在配置文件中.但是我们希望编写的是一个通用的博客…

基于Hexo的博客管理恢复

若重装电脑或更换电脑后该如何恢复博客的管理? 1.确保之前博客源代码文件夹及文件保存在公库或私库中例如: 我这里采用的是闭源存放方案,故为私库这是源码文件样式 2.在新电脑上重新安装git,node.js 1.重新创建ssh密钥,建立本地与github联系. 2.进入本地新仓库目录,右键gitbash git config --global user.name "xxxx" #设置用户名 git config --global user.email "xxxx"…

Java代码审计之实战某博客

对某博客的代码审计在gitee上面找了一个个人博客项目,来进行实战代码审计,主要还是学习为主技术菜菜,哪里错误希望师傅们指正 1.SQL注入先了解Java Web中的数据传输流程 graph TB id1(Controller.java 处理前台发送的请求) id1-->id2(Service.java 定义接口_业务逻辑) id2-->id3(ServiceImpl.java 对接口函数进行实现) id3-->id4(Mapper.java Mapper接口) id4-->…

flask实战-个人博客-虚拟环境、项目结构

个人博客博客是典型的CMS(Content Management system,内容管理系统),通常由两部分组成:一部分是博客前台,用来展示开放给所有用户的博客内容:另一部分是博客后台,这部分内容仅开放给博客管理员,用来对博客资源进行添加.修改和删除等操作. 在这个项目,我们会学习更高级的项目组织方式.另外,我们还会学习使用扩展Flask-Login实现用户认证,这样就可以区分请求的来源客户端的身份,然后根据不同的身份返回不同的响应. 安装和激活虚拟环境 D:\flask\personalBl…

django实战模拟博客系统

数据库代码块 from django.db import models from django.utils import timezone from django.contrib.auth.models import User # Create your models here. class BlogArticles(models.Model): title = models.CharField(max_length=30) author = models.ForeignKey(User,rel…