自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 山东大学项目实训——古籍云端检索系统——收藏功能(10)

为了方便后续查看前面查看过的文档信息,我们添加了收藏功能。如图所示,点击点赞按钮,可以收藏该文档收藏成功,再次点击可以取消收藏在主界面也可以看到相应信息 <v-icon v-if="!add_collection" @click="AddCollection(detail._id)" > mdi-thumb-up-outline </v-icon

2021-06-09 15:27:22 92

原创 山东大学项目实训——古籍云端检索系统——上传头像和显示头像(9)

显示图片,因为我们后端是直接使用url显示出储存的图片,所以,我们在接受的时候,直接使用url接受 this.image = 'http://***/search-engine/user/get_avatar?username=' + store.state.JSON_user.username; 使用<\v-img>组件的时候,要写成:src <v-img id="avatar" ref="avatar" :src="image"></v-img>

2021-06-09 14:57:37 94

原创 山东大学项目实训——古籍云端检索系统——SVG转换(8)

本篇博客讲述一下svg如何转换为pdf和png这里的关键点在于先获取svg的base64格式,以及将base64格式转换为pdf和png,直接上源码 async replaceImgPromise(svgData, i){ return new Promise((resolve => { let imageUrl = /href="([^"]*)"/.exec(svgData[i])[1]; let imageId = /href="http:\/\/2

2021-06-09 14:39:55 119

原创 山东大学项目实训——古籍云端检索系统——SVG显示(7)

这几周时间重制了一下前端的界面,耗费了比较长的时间,所以没有写博客今天来看一下svg在前端的显示这里后端返回给我们的是svg字符串,格式为<svg …></svg>传过来的数据无法直接插入到前端组件之中,所以需要将其处理一下 let data = res.data.substring(5, res.data.length - 6) let list = data.split('/svg>, <svg') for (l

2021-06-01 22:35:09 111

原创 山东大学项目实训——古籍云端检索系统——分页(6)

在搜索框搜索相应内容后,会弹出新的页面,这里采用的方法是在LocalStorage中储存搜索的key值,然后在新页面中根据key值从后端获取数据,下面有两个主要问题:1.如何正确的显示搜索出来的数值2.数据量较大的情况下,如何正确的分页这篇博客讲述一下如何正确的分页这里采用的分页组件是element-ui的paginationelement的分页组件完成分页需要使用到三项数据,分别是:①totalusers 总行数 ②pageSize 每页需要显示的行数 ③startpage 起始页使用方.

2021-05-10 14:46:52 96

原创 山东大学项目实训——古籍云端检索系统——前后端交互(5)

1.这里使用的是axios,使用之前需要Vue集成axios,npm下载之后在main.js中引入即可要注意引入部分// 引入 axiosimport axios from 'axios'Vue.prototype.$http = axios好了现在可以与后端交互了,但是通常会遇到跨域问题,需要更改配置文件解决跨域问题,首先找到index.js文件,在这里 proxyTable: { '/api': { target: 'http://***.***.

2021-04-21 15:15:01 132

原创 山东大学项目实训——古籍云端检索系统——新的几个前端模块(4)

前端主界面提供搜索模块,现在新添加了一份根据标题搜索,因为还没拿到端口,所以先单纯展示新界面,下个博客再写前后端交互2.导航栏现在新添加了页面跳转功能,首页/积分/用户界面加载在同一界面上,并且在进入系统时候就已经加载完毕,这样使用起来不会有卡顿用户界面列表,因为目前没有端口,数据暂时没有具体充值方案我还没想好,文献部分也没有数据这就是几个新增的功能,下周进行前后端交互...

2021-04-21 14:39:41 91

原创 山东大学项目实训——古籍云端检索系统——用户端功能(3)

简介由于前后端并未实现接通,我这边只实现了前端的界面部分,功能部分只能等后面测试了,这里来简单说明一下用户端的几个功能用户操作流程1.登录该网页,若没有账号需要事先注册,注册账号可以使用手机号或者邮箱号,注册完毕之后可以在个人用户界面绑定邮箱/手机号2.用户可以根据不同的需求(按照古文、翻译、作者)进行搜索,可以查看并且下载相关的文献(需要积分)3.积分系统中,用户可以通过微信或者支付宝等方式付费购买积分4.在个人界面,可以更改和完善相关资料关键点1.用户端和编辑器端完全隔离,二者没有关联,

2021-04-12 18:24:46 125

原创 山东大学项目实训——古籍云端检索系统——几个前端模块(2)

这周,主要封装完成了两个前端模块,具体如下1.首先这是用户使用端最重要的模块:搜索模块,可以实现根据作者原文和译文进行搜索2.这是登录模块,这里我们思考的是使用手机号注册,登录时候使用手机号和密码还有验证码可以登录,验证码是随机生成的,可以点击刷新因为目前我们并没实现前后端搭建,测试暂时搁浅了,其余几个模块还需要再进一步讨论才能定下来怎么做,目前只有这两个。...

2021-03-29 13:33:25 113

原创 山东大学项目实训——古籍云端检索系统——xml树结构分析(1)

xml基本了解如果对xml没有很清晰的认识,可以看一下这篇博客XML——XML介绍和基本语法本系统的xml格式详细分析(1)

2021-03-12 16:36:12 152 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除