luluou-CSDN博客

原创 2021/7/23 学习知识汇聚平台：添加评分显示

对于平台多个页面添加了文章的评分功能与显示文章详情页面为例，代码如下：<template> <div> <div><headers_copy></headers_copy></div> <el-container class="common-layout" style="height: auto"> <el-aside style="width: 250px;height: 1

2021-07-28 11:33:45 433

原创 2021/7/21 学习知识汇聚平台：编辑博客界面优化

添加了转载文章按钮，并对于界面布局进行了调整代码如下：<template> <div> <headers_copy> </headers_copy> <div class="m-content"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" styl.

2021-07-28 11:29:23 84

原创 2021/7/19 学习知识汇聚平台：专题详情页具体实现

本次进行了专题详情页的具体实现具体代码如下：<template> <div> <div class="title" > <div style="height: 50px;line-height:50px;border-bottom: 1px solid #ccc; display: flex">  <div class="head" style="pa.

2021-07-28 11:26:18 118

原创 2021/7/15 学习知识汇聚平台：专题详情页布局设置

今天主要进行了专题页面的进一步开发，大致进行了专题详情页的布局，对于具体内容和整体思路仍有问题需要确定主要实现代码如下：<template> <div> <Headers_copy> </Headers_copy> <div> <el-container> <el-header class="el-header" style="font-weight: bold;

2021-07-15 22:50:52 66

原创 2021/7/14 学习知识汇聚平台：取消收藏与专题列表

本次主要实现了取消收藏按钮，并对于专题列表页面进行了布局与接口数据连接首先对于取消收藏功能实现主要函数代码如下：Delete(s) { axios.post("http://47.107.40.143:8080/pcOption", QS.stringify( { aid: s, uid: this.uid, opt: 1 })).then(res => {

2021-07-14 23:34:40 81

原创 2021/7/12 学习知识汇聚平台：我的收藏页面实现

在初始页面布局中，对于我的收藏页面进行了简单布局，但并没有实现相关接口，今天尝试对于其页面数据从数据库中获得并在页面进行渲染首先查看接口文档：可以看到所要求的请求方式以及所需参数说明然后尝试进行实现。<template> <div> <Leftbar> </Leftbar> <headers_copy> </headers_copy> <el-table ..

2021-07-10 21:07:23 287

原创 2021/7/9 学习知识汇聚平台：博客删除、邮箱上传功能实现

今天主要实现了两个接口功能：博客删除以及对于用户信息中的邮箱的编辑修改。首先对于用户个人信息界面，在此进行了页面的布局修改并增加了头像、邮箱修改弹窗，界面布局如下：关于邮箱的修改功能实现代码如下：methods:{ open() { this.$prompt('请输入修改邮箱', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', inputPatt..

2021-07-10 20:53:51 179

原创 2021/7/8 学习知识汇聚平台：页面整合

今天主要进行了前端大部分页面的整合布置基本实现了用户登录，跳转到平台主页，以及跳转到用户个人主页的操作对于用户登录页面：<template> <body id ="paper"> <div class="common-layout"> <div style="margin-top: 50px;margin-left: 60px;"> <span style="font-weight: bold ;color:

2021-07-10 20:40:48 205

原创 2021/7/6 学习知识汇聚平台：前台页面修改

今天尝试进行了前台接口的测试连接，连接了博客列表页面的数据内容，但是发现原来的布局，会使博客的简介内容占用较大视觉区域，并且较为混乱于是对于几个界面重新进行了修改：<template><div> <Leftbar> </Leftbar><Headers_copy></Headers_copy> <div class="blog"> <el-button type="primary

2021-07-07 10:55:48 90

原创 2021/7/2 学习知识汇聚平台：前台界面搭建

在对vue完成基本的创建配置后，接下来进行页面的具体布局设计:主要使用element的组件模块进行布局：（很易上手，好用）1、个人信息界面<template><div> <Leftbar> </Leftbar> <header> </header> <div style="padding-left: 32px" class="hello"> <h1>{{

2021-07-06 09:43:44 119

原创 2020/6/30 学习知识汇聚平台：Vue搭建尝试

本次开发主要在搭建好Vue环境的基础上，进行了简单的Vue界面开发尝试：一、Vue添加页面1.创建文件进入项目的components文件夹下，右键创建文件DashBoard.vue打开HelloWorld，把里面的内容复制到新创建的DashBoard中。把data中对应的msg修改为dashboard，把name也修改为DashBoard2 修改路由文件打开route文件夹下index.js文件。在开头导入新创建的vue文件，其实是模块import DashBoar

2021-06-30 18:45:46 81

原创 2020/6/29 学习知识汇聚平台：Vue配置学习

项目刚开始，初步决定使用IDEA Springboot+Vue进行前后端开发小组成员按功能分为平台、测试管理、教师端、学生端四个小组，我负责教师组前端的开发工作。分组后对于需求在进行了分析讨论。大致为以下构造：可以看到教师和学生端的功能以及前端架构可以有很大的复用空间，所以接下来的工作预计与学生端前端共同讨论进行。在进行需求分析后，由于对于IDEA并没有使用经验，所以先尝试对于IDEA Vue进行初始配置：一.准备工作 Vue是前端开发框架。搭建框架，首先要搭建环境。搭建V..

2021-06-29 20:30:32 72

weixin_43398608的博客