- 博客(23)
- 收藏
- 关注
RSS订阅原创 项目实训（十）词云的制作
echarts官网下架了词云图，从网上找到不同的属性修改。2、代码设置颜色在自定义数组中随机选取设置字体大小从15-60，翻转角度从-45-90
2022-06-05 22:21:47
903
1
原创 项目实训（九）关于页面中的帮助
目录一、帮助组件1、代码2、展示效果设计一个可以展开问题和答案的组件，插入到【关于】页面，实现帮助功能。2、展示效果 点击展开，左右可以分别展开一个答案。
2022-06-05 17:22:52
350
原创 项目实训（八）分类界面的展示
目录一、Swiper插件1、安装swiper2、导入css中二、分类界面设计1、左侧side部分代码2、右侧详细内容3、成果展示Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端，以及PC端网站。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。二、分类界面设计1、左侧side部分代码2、右侧详细内容3、成果展示 其中点击左侧、滑动右侧内容、点击翻页按钮都可以实现翻页效果。...
2022-06-05 16:45:23
261
原创 项目实训（七）上下文展开与导出界面
同样的，在点击【展开】时，带着参数段落id，跳转到显示上下文的页面。二、上下文的段落展示1、代码通过展示每个段落的中、英文，并循环展示在一个div中。每个段落之间加一个回车，展示更加清晰。mounted()交互代码：2、结果展示在展示上下文中，用户可以点击导出文本txt形式3、在main.js中全文引入4、设置导出方法在导出按钮上设置事件属性，调用saveAs方法，设置导出的格式和名字5、结果展示 由于展开上下文，用户点击可以回到上一个页面的
2022-06-03 16:29:55
182
原创 项目实训（六）段落查询设计
目录一、关键词检索跳转到段落检索1、vue中$route传参2、将属性携带在页面跳转过程中二、段落查询的页面展示1、循环div显示段落2、成果展示3、通过复选框选择书籍范围4、二次查询的实现5、查询框展示通过router-link标签：接收参数： params传参接收参数：2、将属性携带在页面跳转过程中要求在关键词检索完毕后，可以通过中文（简体）跳转到含有对应关键词的段落查询中。在段落展示页面接收参数：二、段落查询的页面展示1、循环div显示段落
2022-06-03 16:14:34
168
原创 项目实训（五）关键词查询的交互
一、选择器初始化1、默认选择在检索关键词时，默认选择中—>英，可以根据created()方法实现。 created() { this.searchvalue = this.options[0].value },在el-select中设置v-model为searchvalue，实现双向绑定。于是在js中可将searchvalue的值更改，初始化为“中—>英”。2、浏览器渲染过程构建DOM树 构建css规则树，执行解析js文件 构建渲染树Re..
2022-05-30 00:16:40
208
原创 项目实训（四）检索页面的设计
一、页面布局1、页头面包屑页面为导航栏中“检索”的下级菜单“关键词查询”，检索包括关键词查询和段落查询。所以设计一个区域，显示当前页面的路径，方便用户快速返回之前的任意页面。代码如下： <!-- Start Page Title Banner --> <section class="inner-page-banner" data-background="static/img/面包屑.png"> <div class="container
2022-05-29 21:54:34
609
1
原创 项目实训（三）CSS样式与动画
一、div倾斜样式通过查找资料，发现可以给div设置随着鼠标移动倾斜的样式，美化页面。<script src="static/js/vanilla-tilt.min.js"></script>导入vanilla-tilt.min.js，提供了这个方法，在元素后面添加 data-tilt即可。<div class="col-lg-4 col-md-6" data-tilt> <div class="feature-content
2022-05-29 17:58:46
193
原创 项目实训（二）首页搭建
（一）路径配置将indexOne.vue的路径配置到二级路由中，再将默认路由改为首页。（二）indexOne.vue@import '../../public/static/css/bootstrap.min.css';@import '../../public/static/css/all.min.css';@import '../../public/static/css/animate.min.css' ;@import '../../public/static/css/sw
2022-05-29 16:31:23
523
原创 项目实训（一）前端框架的搭建
一、搭建前端框架首先选定使用的前端框架为Vue，先通过组件和导航路由确定了网页界面的大致框架二、设计简单的页面三、导入js和css样式框架，修改样式
2022-05-22 16:53:50
3142
原创 kkfileView（十三）关键代码分析（12）
2021SC@SDUSC目录（一）OfficeToPdf类（二）CadUtils类（一）OfficeToPdf类office——>Pdf工具类核心方法：文件类型转换public static void converterFile(File inputFile, String outputFilePath_end, Office
2021-12-26 04:22:35
446
1
转载 kkFileView（十二）关键代码分析（11）
2021SC@SDUSCConfig包配置类详解（一）ConfigRefreshComponent类为配置文件刷新的组件。首先在构造方法中新建配置文件刷新的线程，启动后start()@PostConstruct void refresh() { Thread configRefreshThread = new Thread(new ConfigRefreshThread()); configRefreshThread.start();.
2021-12-26 02:49:51
484
原创 kkFileView（十一）关键代码分析（10）
2021SC@SDUSC（五）ZipReader类 String archiveSeparator = "/"; Map<String, FileNode> appender = Maps.newHashMap(); List<String> imgUrls = Lists.newArrayList(); String baseUrl = BaseUrlFilter.getBaseUrl(); String
2021-12-26 00:20:22
591
原创 kkFileView(十）关键代码分析（9）
2021SC@SDUSC目录（四）DownloadUtils类（四）DownloadUtils类 String urlStr = fileAttribute.getUrl(); String type = fileAttribute.getSuffix(); ReturnResponse<String> response = new ReturnResponse<>(0, "下载成功!!!", ""); UUID
2021-12-25 22:27:22
371
原创 kkFileView（九）关键代码分析（8）
2021SC@SDUSC目录（二）ConverterUtils（三）DeleteFileUtil（二）ConverterUtils该类为转换文件类型代码的工具类。 private OfficeManager officeManager;OfficeManager为office任务管理器，.spring容器启动后初始化office组件。 File officeHome; officeHome = OfficeUtils.getDefaul
2021-12-25 21:51:40
3843
原创 kkFileView（二）关键代码分析（1）
2021SC@SDUSC此项目是由Springboot框架搭建，前端使用了freemaker生成页面。（一）首先我们分析了项目的目录结构 可以得到项目的前端代码在resources包中，static中存放着css，js，bootstrap等静态文件，web中存放ftl类型的freemaker文件。 java包中存放着项目的核心后端代码，其中FilePreviewApplication为启动项目的主程序。@SpringBootApplication@Enabl...
2021-10-07 22:33:29
838
原创 kkFileView(一）项目的搭建使用与小组分工
2021SC@SDUSC一、概述（一）项目简介 kkFileView为一个文件文档在线预览项目解决方案，该项目使用流行的spring boot搭建，基本支持主流办公文档的在线预览，如doc、docx、excel、pdf、txt、zip、rar、图片等等。（二）项目特性支持 office, pdf, cad 等办公文档 支持 txt, xml(渲染), md(渲染), java, php, py, js, css 等所有纯文本 支持 zip, rar, jar, tar, gzi..
2021-09-30 16:53:55
1045
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人