前后端分离项目下使用PageOffice原理图集成步骤前端 vue 项目在您Vue项目的根目录下index.html中引用后端项目根目录下pageoffice.js文件。例如：<script type="text/javascript" src="http://localhost:8081/samples-springboot-back/pageoffice.js"></scri
转载
2023-07-28 14:09:40
9阅读
最近在研究如何在浏览器上实现代码在线编译（就类似于地图那种，左边写代码，右边实时运行），然后就发现官方也在用@vue/repl的依赖，于是我也去研究了下，目前是大概搞出了一部分，我就分享出来，咱不遮遮掩掩，全部分享！1、repl 是啥？这其实你百度都可以知道，分别是 读取-求值-输出-循环（Read-Eval-Print-Loop），实现在线代码编译。2、vue中官方的repl是如何做的
转载
2024-06-12 22:15:22
848阅读
vue整合onlyOffice实现文档在线预览编辑 文章目录**vue整合onlyOffice实现文档在线预览编辑**前言一、服务组成二、工作原理1.打开文件2.保存文件2.协同编辑搭建服务一.docker搭建文档服务器1.安装docker2.拉取镜像3.运行镜像二.配置使用1.预览文件2.vue组件封装 前言ONLYOFFICE，是一个包含常用办公套件，Word 、Excel、PPT大办公套件搬
转载
2023-11-24 14:05:15
1613阅读
https://github.com/wrs13634194612/kkFileView
原创
2021-09-13 16:37:04
3286阅读
1评论
最近在做电子档案，后端提供了文件的华为云的oss链接。已经实现了点击下载文件的功能。但是呢，他们又希望常规的文件，可以直接点击预览，不需要下载。按道理说，做文件的在线预览，买个第三方服务什么的，后端部署一下服务，前端对接一下，就通通搞定。 顶不住第三方基本上是要money的。那不想掏money，还有什么解决方法呢。方法一用微软的office online进行在线预览https://view.off
转载
2023-08-26 21:47:14
1106阅读
# Vue 在线编辑 Python：构建你的在线编码环境
随着编程的普及，在线编辑器越来越受到欢迎，特别是对初学者和教育工作者而言。今天，我们将介绍如何使用 Vue.js 创建一个简单的在线 Python 编辑器，将其与后端服务结合，实现实时代码执行和结果展示。
## 1. 项目结构
在开始之前，让我们先规划一下项目结构。我们将分为前端和后端两个部分。前端使用 Vue.js，后端可以使用 F
# 使用Vue框架执行Python代码的在线实现指南
在现代Web开发中，使用前端框架（如Vue.js）和后端技术（如Python）相结合的方式已经成为一种流行的开发模式。本文将指导你如何在Vue中调用Python后端，实现数据处理或业务逻辑的功能。我们将会分步骤来讲解，并提供代码示例。
## 整体流程
以下是实现“Vue执行Python在线”的整体流程：
| 步骤 | 描述 |
|---
setupsetup函数，是在beforeCreate之前执行(创建实例前$el)。由于在执行setup 时尚未创建组件实例，因此在 setup 选项中没有 this。setup 参数 使用setup时，它接受两个参数：props: 组件传入的属性context：包含3个属性props是响应式的， 当传入新的props 时，会及时被更新。由于是响应式的， 所以不可以使用ES6解构，解构会消除它的响
在之前的监控基础上，又新加了主机监控，并且优化了agent采集器，目前agent 可以自动发现所在主机的mysql 和oracle实例信息，并且自动加入到监控列表中。下面详细说一下主机模块：模块说明该模块可以对主机列表、监控阈值、告警通知进行管理配置主机列表该模块可以查看相应的主机信息，包括监控性能图。如下图所示：说明：主机信息包括：主机名、运行时间、IP、挂载目录、磁盘IO、网卡等信息性能监控包
下载pdfjs官网：http://mozilla.github.io/pdf.js/getting_started/#download放入项目中将下
原创
2022-09-12 11:09:16
719阅读
# 在线考试系统的实现：Java与Vue的结合
在线考试系统是一个非常经典的全栈项目，涉及前端与后端的协同工作。在此，我将详细介绍实现在线考试系统的流程，并为你提供所需的代码和解释。
## 整体流程
在开始开发之前，我们首先要明确整个过程，包括需求分析、环境配置、数据库设计、后端开发、前端开发等。以下是一个简单的步骤表：
| 步骤 | 描述
原创
2024-10-14 06:04:02
68阅读
vue-router、vue-loader、vue-cli的作用：vue-cli ：vue.js的脚手架 ，自动帮你搭建基本代码框架。脚手架就是帮你搭一个应用的代码框架。有人帮你把这个开发过程中要用到的工具、环境都配置好了，你就可以方便地直接开始做开发，专注你的业务，而不用再花时间去配置这个开发环境，这个开发环境就是脚手架。vue-router：vue.js的第三方插件，切换地址，不刷新跳转页面，
Vue.js的基本使用1.MVVM 模式2. Vue概述3. IDEA中构建Vue项目4. Vue简单实例(实现双向绑定)5. Vue的钩子函数6. Vue常用 指令1. 插值表达式：2. v-text和v-html指令的使用3. v-model指令：4. v-on指令5. 事件修饰符6. v-for指令7. v-if 和 v-show 指令8. v-bind指令7.watch基本和深度监控8.
描述前后端分离，前端使用Vue，后端使用SpringBoot，适合作为前后端联调的新手项目。个人代码地址：https://github.com/coder-zrl/vueblog/收获与不足收获学习到了简单的vue知识了解到了前后端分离最后合并的过程增加了自身的编程能力使用idea进行vue开发了解到了数据库自动生成代码的步骤知道了对实体类进行序列化的操作不足没有做身份验证，即没整合shior框架
转载
2024-07-16 18:46:14
78阅读
目录前言一、自定义页眉内容二、分页文档打印1.加入分页符2.打印方法3.打印模块完整代码 总结 前言随着在线办公场景越来越多，同时需要各式各样办公软件，在开发时就用得到在线文档来内容指定某人填写、审批、传阅文件，文件导出、打印成纸盖章等。所以需要功能较为强大、复杂的文档编辑器，前两篇文章我们已经教大家如何制作分页的文档编辑器，这篇文章我们把功能补全，教大家做好的文档怎么添加自定义页眉、
转载
2024-03-11 10:44:38
2944阅读
点赞
1评论
Vue.js
是什么
? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计 为可以自底向上逐层应用. Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一 方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 自底向上逐层应用：作为渐进式框架要
转载
2024-07-08 09:44:11
6阅读
作为一名只会点点点的苦逼测试，肯定都是向往自动化的，利用闲暇时间，自己写了一个简单的接口测试平台，但是既然是一个web网站，必不可少的是登录，还有登录拦截的东西，今天简单总结了下一个比较简单的方案整体思路首先在前端，登录页面，用户登录成功后，后端负责用uid生成对应的token，并返回给前端，前端将token存储到localStorage中，在axios中拦截request和response，拦截
转载
2024-06-04 11:09:37
32阅读
一、简介Django Rest Framework只提供后端Api接口 Vue+Element作为前端请求接口获取数据并渲染部署使用：Django + python3 + Pipenv + Gunicorn + Nginx + Supervisord开发环境: pycharm pipenv(个人比较钟爱的虚拟环境，配置简单方便，安装:pip install pipenv) 关于pipenv如何使用
转载
2023-10-10 10:56:53
66阅读
在线的家教信息平台主要开发工具是PyCharm/vscode，主要技术为html、css以及django开源框架的结合,前端使用 vue+elementui后端使用python+django是一款可以提供给管理员，教师，学生三种用户使用的平台，该平台可以满足三方用户角色的需求，学生可以自由的选择或者预约满足自己要求的老师，提供更加的人性化定制化的家教服务，充足的家教资源和良好有序的管理环境都使得本
转载
2023-10-27 09:24:54
53阅读
Vue源码 编译（一）编译入口Vue源码 编译（一）编译入口编译编译入口单步调试代码总结Vue源码学习目录 Vue源码 编译（一）编译入口编译之前我们分析过模板到真实 DOM 渲染的过程，中间有一个环节是把模板编译成 render 函数，这个过程我们把它称作编译。虽然我们可以直接为组件编写 render 函数，但是编写 template 模板更加直观，也更符合我们的开发习惯。Vue.js 提供了
转载
2023-12-07 00:04:07
107阅读
