博客前端搭建
文章平均质量分 90
CodeReaper
这个作者很懒,什么都没留下…
展开
-
Vue+DRF搭建博客之前端篇(五)
文章目录一、任务二、将新建文章和编辑文章区分开1. 修改路由配置2.在router-view前包一层keep-alive3.在BlogEditorPage activated时初始化各个显示的参数4.设置保存和上传文章三、为v-md-editor添加图片上传的功能四、添加编辑博客大页面路由设置为SideBar添加tab一、任务1.将新建文章和编辑文章区分开2.为v-md-editor添加图片上传的功能3.添加编辑博客大页面原创 2021-04-26 19:11:06 · 290 阅读 · 0 评论 -
Vue+DRF搭建博客之前端篇(四)
文章目录一、任务二、博客编辑页的搭建三、解决跨域问题四、引入第三方ajax库axios并对其进行封装下载并引入axios五、调用接口与后端进行交互一、任务完成博客编辑页的搭建解决跨域问题(后端Django解决)网络请求库的封装以及文章业务的封装与后端完成交互,将文章保存保存到数据库中二、博客编辑页的搭建主要使用ElementUI中的模板表单中的代码,修修改改即可完成:<template> <h2>文章编辑</h2> <el-form re原创 2021-04-25 23:17:59 · 380 阅读 · 0 评论 -
Vue+DRF搭建博客之前端篇(三)
搭建博客之前端篇(三)完成博客的预览页和编辑页,使用vue-markdown-editor编辑器进行文章编辑一、任务二、路由分配三、开发1.为切换子页面添加侧边栏按钮2.编写每条博客的预览卡片3.编写博客编辑页下载v-md-editor插件在BlogEditorPage组件中使用md编辑器组件对代码高亮显示出进行扩展4.使用左边栏按钮完成预览页与编辑页的跳转原创 2021-04-20 18:59:03 · 424 阅读 · 0 评论 -
Vue+DRF搭建博客之前端篇(二)
为Vue项目创建多个专门的文件夹,合理分工,并完成引入和初始化ElementUI,引入vue-router等基本工作,然后添加导航栏。一、为项目新建多个文件夹二、为使用ElementUI进行初始化使用npm命令安装引入UI库试用三、编写网站的导航栏四、编写路由(vue-router)下载和初始化具体需求创建需要跳转的页面创建并导出Router在main.js中引入router 并挂载五、设置导航栏按钮点击跳转页面原创 2021-04-19 22:46:20 · 501 阅读 · 2 评论 -
Vue+DRF搭建博客之前端篇(一)
一、搭建博客的原因二、搭建博客用到的技术三、开始搭建创建gitee代码仓库创建Vue项目git clonerun Vue CLI将当前项目推送到Gitee远程仓库中原创 2021-04-19 20:48:47 · 520 阅读 · 0 评论