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

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

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

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

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

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

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

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

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

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

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

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

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

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

yii2实战教程之新手入门指南-简单博客管理系统

作者:白狼出处:http://www.manks.top/document/easy_blog_manage_system.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利. 1.简介快速入门指南会对Yii2框架做一个基本介绍,包括数据库迁移.gii操作.AR模型.路由.验证.视图等等.如果你是个Yii2新手甚至之前对PHP框架也很陌生,那么这里将会成为你的良好起点.如果你已经使用并且掌握了Yii2框架基础,可以…

SSM(Spring+Spring MVC+Mybatis)开发前台后功能完整的java开源博客管理系统

项目描述本项目通过SSM(SpringMVC+Mybatis+Spring)框架编写的一个人博客管理系统,使用hexo主题,以及MAVEN进行对项目管理,并且前端具有粒子和点击爱心效果.后端的页面框架为bootstrap.数据库为mysql. 运行(运行)环境 jdk8+tomcat8+mysql+eclipse+maven(idea) 技术框架 spring+spring mvc+mybatis+bootstrap3+jquery 数据库文件数据库文件在根目录的resource下的db.s…

一个 Vue + Node + MongoDB 博客系统

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

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

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

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

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

广商博客冲刺第二天new

队名:雷锋队队员:叶子鹏王佳宁张奇聪张振演曾柏树项目:广商博客(嵌入APP) 执笔人:王佳宁第一天沖刺傳送門第三天沖刺傳送門今天主要是写需求分析,在经过组员的热烈地讨论,需求分析如下: 当代学校,各种信息十分的多,而且种类也十分的多,有兼职.培训.失物招领.拼车等等,如何把这些信息都汇聚到同一个地方,方便不同的人打到他们的需求呢?我们做的广商博客就是为了汇聚不同的信息,可以对一些事物的吐槽看法,可以发布兼职拼车,可以发布失物招领,可以进行交易些二手物品(如洗衣机,台灯,电子用品…

.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实战-个人博客-编写博客前台

编写博客前台博客前台需要开放给所有用户,这里包括显示文章列表.博客信息.文章内容和评论等功能功能. 分页显示文章列表为了在主页显示文章列表,我们要先在渲染主页模板的index视图的数据库中获取所有文章记录并传入模板: blueprints\blog.py: from personalBlog.models import Post @blog_bp.route('/') def index(): posts = Post.query.order_by(Post, timestamp.desc(…

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

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

flask实战-个人博客-数据库-生成虚拟数据 --

3.生成虚拟数据为了方便编写程序前台和后台功能,我们在创建数据库模型后就编写生成虚拟数据的函数. 1)管理员用于生成虚拟管理员信息的fake_admin()函数如下所示: personalBlog/fakes.py: 生成虚拟管理员信息 from personalBlog.models import Admin from personalBlog.extensions import db def fake_admin(): admin = Admin( username = 'admin',…

Alpha版本——展示博客【第二组】

成员简介章豪 http://cnblogs.com/roar/ 角色: PM,后端个人介绍: 努力学习开发的小菜鸡,管理小白,背锅组长贡献: - 设计开发计划 - 跟踪项目进行 - 组织开组会 - 编写后端程序马睿淳 http://cnblogs.com/Mrc233/ 角色: 后端个人介绍: 努力向豪哥学习开发的小菜鸡,日常赶ddl 贡献: - 图片上传功能 - 个人和板块部分数据库设计 - 用户收藏关注功能实现赵瑞 http://cnblogs.com/rui-zhao/ 角色:…

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-->…

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…