- 博客(45)
- 收藏
- 关注
RSS订阅原创 创新实训博客（45）——Vue打包GitHub Page以及遇到的坑
Build问题1第一次build以后，打开index是空的。解决方案修改vue.config.js，将publicPath改成./ publicPath: './',问题2解决完第一个问题以后，能够看到页面了。但是所有的请求全部失败。解决方案这种是我在单纯的文件中显示的原因。需要建立github page才能够发出去。建立GitHub Page1. 新建仓库2. git init3. git remote add4. 把dist目
2020-06-28 15:37:01
173
原创 创新实训博客（44）——针对axios的封装的新的体验
前言在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。原来前面讲过，封装好了一个request模块，但是其实封装的略显简陋，这里因为实际需要，又做了新的封装。配置多域名请求不同URL一般自己写项目时， 一个接口URL 就可以了。但在实际项目开发中，一个项目可能会请求不同的服务器的url。这时，我们简单的配置下
2020-06-27 22:44:04
143
原创 创新实训博客（43）——爬取任务管理界面修改配置
任务管理界面历史任务界面界面设计1. el-tab的使用2. 在列表项显示tag的配置 <el-table-column align="center" label="状态" width="120%"> <template slot-scope="scope"> <el-tag v-if="scope.row.status === 0" type="info">已添加&l
2020-06-27 22:12:04
223
原创 创新实训博客（42）——搜索界面自动补全的前端处理
el-autocomplete组件自动补全流程1. 设置trigger-on-focus参数为false，这代表着只有输入内容改变以后才会补全。2. 当检测到内容变化时，会调用fetch-suggestions指定的函数。3. 假定这个函数是querySearch，参数是string和callback。4. 根据string匹配一个列表（通过向后端发起请求）。5. 调用callback设置自动补全的下拉列表。一些注意的点1. 返回的result列表，补全关键词一定是value，就
2020-06-27 14:05:08
351
原创 创新实训博客（41）——管理员数据统计和搜索自动提示设计
添加用户性别饼状图1. 显示效果2. 接口调用// 性别统计export function getSexStatistic() { return request({ url: '/admin/user/statistics/sex', method: 'get' })}3. js端echarts数据显示部分配置 grid: { left: '2%', right: '2%',
2020-06-26 16:27:34
200
原创 创新实训博客（40）——Web爬取任务管理界面设计以及用户接口调用
界面设计布局主界面添加功能api部分接口对接export function adminGetCrawlList() { return request({ url: '/admin/crawl/list', method: 'get' })}export function adminAddCrawl(id) { return request({ url: '/admin/crawl/add/' + id, method: 'get'
2020-06-26 14:41:00
202
原创 创新实训博客（39）——前端增加两个新页面（发现标签、发现博主）
发现标签页效果图发现博主页效果图修改后的标签列表效果图发现标签页的前端界面代码<template> <div style="margin: 8px"> <el-col :span="13" style="margin-left: 8.3%"> <div style="margin: 8px"> <el-tabs> <el-tab-pane v-for="
2020-06-25 21:32:52
155
原创 创新实训博客（38）——顶栏添加搜索框以及搜索页面的处理和思考
修改NavBar添加搜索框 <el-input v-model="search" placeholder="搜索" size="mini" style="width: auto; margin: 8px"> <el-button slot="append" icon="el-icon-search" @click="routeToSearch" /> </el-input>效果：搜索框搜索按钮跳转函数 r
2020-06-25 21:28:45
117
原创 创新实训博客（37）——在App端显示一些统计数据的设计与尝试
说明前面已经在前端使用Echarts统计图表和一些文字性的叙述相结合的方式进行了用户数据的展示，也就是用户画像的基本部分然后，我本来希望能够在App端也实现这样的一个效果但是实际操作起来，发现难度很大。因此，最后仅仅是实现了基本的文字展示，并没有做上统计图界面设计1. 先显示一些基本的数据2. 显示最喜欢的标签分类3. 显示最喜欢的文章标题代码实现以简单的标签为例子： fun fetchTopTags() { // 请求地址和返回
2020-06-25 17:09:10
176
原创 创新实训博客（36）——Android端push推送设置和主界面细节优化处理
Push处理——判断是否初次返回 val msg = JSON.parseObject(text)["msg"].toString() if (msg != "收到消息") {Push处理——推送文章 val data = JSON.parseObject(text)["data"].toString() val obj = JSON.parseObje
2020-06-25 12:49:21
242
原创 创新实训博客（35）——在用户注册的时候添加标签偏好的逻辑处理
最终效果前端html <el-form-item label="标签偏好"> <el-checkbox-group v-model="tagCheck" size="small"> <span v-for="(item,index) in tagList" :key="index" style="margin: 4px"> <el-checkbox v-if="item.
2020-06-24 17:41:48
250
原创 创新实训博客（34）——用户画像部分前端展示
初步计划的展示效果接口请求编写import request from '@/utils/request'// 获取活动数据export function getUserStatistic() { return request({ url: '/portrait/statistics', method: 'get', params: { day: 14 } })}// 获取用户最喜欢的标签export function getUserStatisticT
2020-06-24 17:24:31
757
原创 创新实训博客（33）——探索Android开发中的消息推送功能（推送服务模块进阶设计）
今天主要设计的是，服务程序驻留在后台。1. 黑色保活2. 白色保活3. 灰色保活4. 前台服务
2020-06-23 22:38:58
99
原创 创新实训博客（32）——用户画像部分基本统计数据的设计构想
1. 用户基本活动的数据统计包括过去一段时间的点赞量、浏览量、阅读量的数据统计使用折线图来进行绘制，三个折线放在同一张图表中2. 用户最喜欢的标签词云图设计使用词云获取用户阅读量等指标统计出来的最喜欢的标签列表根据这些数据，调整好size，绘制出词云图3. 用户最喜欢的博主排名这个就是一个rank的柱状图4. 用户最喜欢的博文排名一样，是一个柱状图...
2020-06-23 16:00:20
134
原创 创新实训博客（30）——探索Android开发中的消息推送功能（推送服务模块）
创新实训博客（25）——探索Android开发中的消息推送功能（推送服务模块）
2020-06-22 22:04:13
123
原创 创新实训博客（29）——接口调用请求汇总（可视化部分）
效果图展示接口总调用1.获取最近的文章点赞量排名export function getArticleLikingCountRecently() { return request({ url: '/admin/record/getArticleLikingCountRecently', method: 'get', params: { day: 7, page: 1, size: 5 } })}2.获取最近的文章浏览排名export fu..
2020-06-22 21:58:14
264
原创 创新实训博客（28）——接口调用请求汇总（App和博客相关部分）
首页部分1. 订阅推荐fun fetchSubData(){ // 请求地址和返回 val api = getString(R.string.api) val list = LinkedList<ArticleItem>() // 获取token val bundle = arguments val token = bundle!!.getString("token").toString()
2020-06-22 19:37:54
169
原创 创新实训博客（27）——接口调用请求汇总（博客相关部分）
文章基本部分1. 获取最近文章列表// 获取最近的文章列表export function getRecentArticles(page, size) { return request({ url: '/article/list', method: 'get', params: { page: page, size: size } })}2. 根据id获取某篇文章内容// 获取某篇文章内容export function getArticle(id) {
2020-06-22 13:37:14
162
原创 创新实训博客（26）——接口调用请求汇总（后台管理部分）
用户管理1. 获取用户数量export function adminGetUserCount() { return request({ url: '/admin/user/count', method: 'get' })}2. 获取用户列表export function adminGetUserLists(page, size) { return request({ url: '/admin/user/list', method: 'get'
2020-06-21 10:46:29
246
原创 创新实训博客（25）——接口调用请求汇总（用户基本操作和历史记录相关部分）
1. Vue-用户登录、export function login(data) { return request({ url: '/user/login', method: 'post', data })}2. Vue-用户注册export function register(data) { return request({ url: '/user/regist', method: 'post', data })}3.
2020-06-21 10:38:33
459
原创 创新实训博客（24）——探索Android开发中的消息推送功能（创建通知、创建展开式通知、通过通知打开Activity）
创新实训博客（24）——探索Android开发中的消息推送功能（创建通知、创建展开式通知、通过通知打开Activity）
2020-06-20 10:35:04
209
原创 创新实训博客（19）——Android开发中Layout组件动态化
前言xml中绘制存放动态组件的Layoutkotlin中获取view使用kotlin代码绘制动态组件设置单个组件的响应事件添加到layout中显示效果使用Log显示每个组件的id遇到的问题...
2020-06-17 16:53:58
202
原创 创新实训博客（18）——Vue中标签页组件动态化
前言Element UI提供了Tabs组件来实现标签页功能。基本的用法：<template> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理<
2020-06-16 16:33:48
265
原创 创新实训博客（17）——Android开发中ListView高度自适应以及组件进阶使用
高度自适应ListView是Android开发中非常常用的部分，在各种各样的APP中都有使用，不管是QQ的聊天列表，还是微信的公众号新闻列表。在实际使用中，遇到了这样一个问题：可能我希望ListView嵌套在ScrollView里面，而ScrollView中本身有很多其他的组件，这样形成一个整体。但是实际使用时发现，只要把ListView放置在ScrollView中，高度就会变成只有一行，十分影响体验。因此，决定自己手动写一个高度自适应的功能。获取列表对象val listAda
2020-06-16 11:07:21
417
原创 创新实训博客（16）——Android开发中View的下拉刷新与上拉加载探索与实现
Google官方提供的组件SwipeRefreshLayout：只有下拉刷新，没有上拉加载更多的功能不过也足够用，首先实现下拉刷新OnRefreshListener需要重写其中的下拉刷新函数因为我是在首页的第一个Fragment中执行，而这里面有三个不同的页面。首先我应该判断是哪一个页面，然后执行对应的操作。 val onRefreshListener = SwipeRefreshLayout.OnRefreshListener { /
2020-06-15 21:06:43
136
原创 创新实训博客（15）——Android开发中Kotlin与后端的接口交互
用到的模块okhttpCall——同步请求同步请求就是执行请求的操作是阻塞式，直到 HTTP 响应返回。它对应 OKHTTP 中的 execute 方法。Call——异步请求异步请求就类似于非阻塞式的请求，它的执行结果一般都是通过接口回调的方式告知调用者。它对应 OKHTTP 中的 enqueue 方法。Dispatcher对于同步调用，需要带上自己的线程，并负责管理发出的同时请求数量。 同时连接过多会浪费资源。 太少会损害延迟。对于异步调用，Dispatcher实现
2020-06-15 14:45:58
870
原创 创新实训博客（14）——Vue前端与后端的接口交互
以获取博文内容的数据为例子，来演示前后端数据交互：用到的模块axios封装requestapi管理按照模块的分类，同一种类型的api放在同一个js文件下。不同的api类型放在不同的文件中，所有的vue文件都是import这些模块后调用。向后端发请求js处理返回的数据在html中显示得到的数据其他在前端完成的操作最终完成的显示效果...
2020-06-15 10:42:39
1194
原创 创新实训博客（11）——App端界面设计（基本部分）
用户登录用户注册用户个人信息Fragment_IndexFragment_HotFragment_User
2020-06-13 15:06:55
254
原创 创新实训博客（8）——前端界面设计（基本部分）
初步的界面设计构想，后期可能会根据实际需要进行一定的修改。复用组件（1）—Tip-Item复用组件（2）—Tag-Item复用组件（3）—Blog-Item复用组件（4）—Blog-Detail-Item复用组件（5）—Author-Detail-Item用户登录界面这部分比较简单，就是一个用户名输入框和密码输入框然后登录按钮是向后端发请求，返回对应的信息然后进行处理这里点击用户名这个列表后，会展示一个下拉列表，记录着曾经使用过的用户名用户注册
2020-06-11 10:42:48
374
原创 创新实训博客（7）——Kotlin的Fragment、Handler、ListView和Adapter配置使用
Fragment管理碎片是Android中一个非常重要的部分，我这里的想法是在一个Activity中规定某一个区域，这里可以按照需要显示不同的内容，而Fragment就能很好的实现这个需求。创建fragment的layout文件和class文件onCreateView函数，我没有进行修改。onActivityCreated函数，在这里我是因为要与List进行交互等等操作，因此把操作写在这里。override fun onActivityCreated(savedInstanceStat
2020-06-10 13:30:41
651
原创 创新实训博客（6）——Kotlin的okhttp、fastjson、intent传值
引入okhttp和fastjson依赖AndroidManifest中添加网络访问权限fastjson构造json对象fastjson解析json对象okhttp构造请求okhttp发起请求并处理Looper.prepare()和Looper.loop()intent传值
2020-06-09 16:24:51
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人