知识学习app

管理端:

(1)登录

(2)首页数据报表:1.数据概括2.一周数据走势

(3)内容管理:

        1.分类管理:新增,修改,删除,排序

        2.八股文:新增,修改,批量导入,发布,批量发布,删除,批量删除

        3.题库管理:新增,修改,批量导入,发布,批量发布,删除,批量删除

        4.经验分享:新增,修改,删除,发布

(4)app:

        1.设备管理

        2.用户管理:启用,禁用

        3.轮播图:新增,修改,排序

        4.问题反馈:回复

        5.app发布:发布版本,修改,删除,发布

(5)设置:

        1.菜单管落:新增,修改,删除

        2.角色管理:新增,修改,删除,分配菜单

        3.系统用户:新增,修改,删除,禁用,修改密码

EasyJob

项目名称:EasyJob

项目描述: 一个刷题App,App端加管理端

技术选型:App端:uniapp+Vue3 +vite3 +pinia+jwt

管理后台:vue3+vite3+element-plus

负责内容:

App端

  1. 轮播图,内容分类
  2. 八股文分页查看,详情左右滑动查看,背题模式,考试模式
  3. 在线考试,随机生成考题,左右滑动实现题目切换
  4. 经验分享,列表,查看详情
  5. 个人中心,登录,注册,收藏,错题集,问题反馈,应用更新
  6. 兼容app和H5端。

管理端:

  1. 系统设置 菜单管理,角色管理,系统用户管理
  2. App管理 设备管理,用户管理,问题反馈,应用更新,应用发布,灰度发布,全网发布
  3. 内容管理 分类管理, 八股文、题库、经验分享 单条录入,excel批量导入,发布
  4. 首页 整体数据概括,总数,昨日新增数,新增用户一周数据走势,新增内容一周走势

项目难点:

  1. 权限控制,excel批量导入,考题录入
  2. app设备兼容性, UI实现接近原生app,比如自定义标题栏,状态栏。
  3. 使用jwt实现免登录

项目收获:

  通过后台管理端开发,让我熟练使用父子组件的相互调用,将相似的功能抽象出来拆分为一个个组件,避免代码的重复开发,维护起来也非常方便。

在与后端进行数据交互,我采用了axios发送http请求,根据后端数据结构,对axios进行了封装,通过统一的拦截器进行拦击处理,减少业务开发过程中过多的业务逻辑处理,包括后端的错误提示,登录超时自动跳转,发送请求loading效果避免重复提交。

采用vuex对状态进行管理,减少了部分接口请求次数,比如导航栏,通过状态管理对用户登录状态进行管理,在需要登录后才能进行的操作可以即使弹出登录框。对vue的相关知识点,比如数据双向绑定,组合式Api,生命周期函数,状态管理,路由,watch,父子组件,组件封装,表单校验,页面布局,css编写等有了更加深刻的认识,此项目将所学的前端知识进行了综合运用。

app端,使用uniapp结合vue3项目开发,了解移动端开发跟pc页面开发的不同,页面布局,考虑各种不同大小屏幕兼容性问题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/756317.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

红帽rhce认证含金量怎么样?红帽认证好考么?

红帽RHCE认证是Red Hat Certified Engineer的简称,中文为红帽认证工程师。作为全球范围内广受认可的Linux认证,红帽RHCE认证证明了持有者具备了在生产环境中部署、管理和优化红帽企业级Linux系统的能力。 红帽RHCE认证含金量的高低主要取决于以下几个方…

Vue.js+SpringBoot开发学校热点新闻推送系统

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、功能模块2.1 新闻类型模块2.2 新闻档案模块2.3 新闻留言模块2.4 新闻评论模块2.5 新闻收藏模块 三、系统设计3.1 用例设计3.2 数据库设计3.2.1 新闻类型表3.2.2 新闻表3.2.3 新闻留言表3.2.4 新闻评论表3.2.5 新闻收藏表 四、系统展…

ARM day4 代码

.text .global _start _start: 设置PE10输出&#xff1a; 使能GPIOE的外设时钟 RCC_MP_AHB4ENSETR的第[4]设置为1即可使能GPIOE时钟 LDR R0,0X50000A28 指定寄存器地址 LDR R1,[R0] 将寄存器原来的数值读取出来&#xff0c;保存到R1中 ORR R1,R1,#(0x1<<4) …

Linux课程五课---git的使用

作者前言 &#x1f382; ✨✨✨✨✨✨&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f382; ​&#x1f382; 作者介绍&#xff1a; &#x1f382;&#x1f382; &#x1f382; &#x1f389;&#x1f389;&#x1f389…

springboot与elasticsearch-7.16.2的基础CRUD使用——入门向

highlight: an-old-hope 基于elasticsearch-7.16.2 &#xff0c;使用的是旧版的高级客户端 restHighLevelClient springboot版本2.6.13 项目原代码地址 https://gitee.com/kenwm/es7demo.git 参考博客 1、SpringBoot集成ElasticSearch&#xff0c;实现模糊查询&#xff0c;批…

湖北省地质灾害分布数据 崩塌滑坡泥石流空间分布地质灾害详查等数据集

地质灾害是指在自然或者人为因素的作用下形成的&#xff0c;对人类生命财产造成的损失、对环境造成破坏的地质作用或地质现象。地质灾害在时间和空间上的分布变化规律&#xff0c;既受制于自然环境&#xff0c;又与人类活动有关&#xff0c;往往是人类与自然界相互作用的结果。…

前端 - 基础 表单标签 -- 表单元素( input - type属性) 文本框和密码框

表单元素 &#xff1a; 在表单域中可以定义各种表单元素&#xff0c;这些表单元素就是允许用户在表单中输入或选择 的内容控件。 表单元素的外观也各不一样&#xff0c;有小圆圈&#xff0c;有正方形&#xff0c;也有方框&#xff0c;乱七八糟的&#xff0c;各种各样&#xf…

01 龙芯平台openstack部署搭建-控制节点环境准备

#!/bin/bash 控制节点-环境准备 基本规划 控制节点计算节点10.130.0.3110.130.0.87 一、环境准备 1.hostname主机名配置 hostnamectl set-hostname controller exec bash #添加host controller_ip“10.130.0.31” computer_ip“10.130.0.87” echo “ c o n t r o l l e r …

每日学习笔记:C++ STL 的map、multimap

定义 特点 操作函数 意思就是&#xff0c;使用tuple中的元素来初始化pair&#xff0c;即string(“hello”)、complex(3.4,7.8) 元素的移除讨论

Deepspeed的机制学习以及ZeRO-1、ZeRO-2和ZeRO-3的区别

目录 DeepSpeed 机制 1. 分布式训练 2. 模型并行性 3. 内存和带宽优化 4. 高效的数据加载和预处理 5. 易用性和兼容性 6. 微调和超参数优化 ZeRO-1、ZeRO-2和ZeRO-3的区别 ZeRO优化级别概述 ZeRO-1 ZeRO-2 ZeRO-3 总结 DeepSpeed 机制 1. 分布式训练 DeepSpeed …

egg学习记录2

普通路由设置 router.get("路由",controller.文件.函数) //方法1 router.get("路由","文件.函数") //方法2路由重定向 router.redirect("新路由","旧路由") 插件的使用 安装好插件后&#xff0c;默认是没有启动该插件的…

大数据架构技术选型

OLAP数据库选型对比&#xff1a; AnalyticDB(阿里&#xff09;、Hologres&#xff08;阿里&#xff09;、Doris、StarRocks、ClickHouse、Hbase AnalyticDB技术架构 db是融合数据库、大数据技术于一体的云原生企业级数据仓库服务、支持高吞吐的数据实时增删改查低延时的实时分…

重载、重写(覆盖)和隐藏的区别

提示&#xff1a;文章 文章目录 前言一、背景二、 2.1 2.2 总结 前言 前期疑问&#xff1a; 本文目标&#xff1a; 一、背景 最近 二、 2.1 重载、重写&#xff08;覆盖&#xff09;和隐藏的区别 重载Overloading重写/覆盖Override隐藏Overwrite同一个类父子类关系父子…

stm32f103c8t6学习笔记(学习B站up江科大自化协)-USART串口-软件部分

前言&#xff1a; 本文属于软件部分&#xff0c;具体的串口硬件部分可见http://t.csdnimg.cn/afh48&#xff0c;对于串口的工作原理以及各个寄存器工作流程的记录十分详细。 一、接线图 二、stm32发送-电脑串口助手接收 1.USART初始化流程图 1.开启时钟 把需要使用的USART和…

【java-spring】spring AOP原理

Spring AOP&#xff08;面向切面编程&#xff09;是Spring框架的一个重要组成部分&#xff0c;它允许开发者将通用功能&#xff08;如日志记录、事务管理等&#xff09;从业务逻辑中分离出来&#xff0c;从而提高代码的可维护性和重用性。下面&#xff0c;我们将深入探讨Spring…

golang面试题总结

零、go与其他语言 0、什么是面向对象 在了解 Go 语言是不是面向对象&#xff08;简称&#xff1a;OOP&#xff09; 之前&#xff0c;我们必须先知道 OOP 是啥&#xff0c;得先给他 “下定义” 根据 Wikipedia 的定义&#xff0c;我们梳理出 OOP 的几个基本认知&#xff1a; …

13 龙芯平台openstack部署搭建-nova-controllercomputer部署(单节点)

一、创建Nova相关数据库、凭据与API端点 1.创建数据库并授权 #nova-controller先决条件 mysql -uroot -ploongson -e “CREATE DATABASE nova_api;” mysql -uroot -ploongson -e “CREATE DATABASE nova;” mysql -uroot -ploongson -e “CREATE DATABASE nova_cell0;” my…

leetcode 402. 移掉 K 位数字

题目链接&#xff1a;leetcode 402 1.题目 给你一个以字符串表示的非负整数 num 和一个整数 k &#xff0c;移除这个数中的 k 位数字&#xff0c;使得剩下的数字最小。请你以字符串形式返回这个最小的数字。 2.示例 1&#xff09;示例 1 &#xff1a; 输入&#xff1a;num …

操作系统设备管理

操作系统实现对外接设备的管理功能&#xff0c;主要是I/O设备&#xff0c;unix适用将外部设备抽象为特殊文件&#xff0c;用户用与外部文件相同的方法操作外部设备&#xff0c;具体又可以分为&#xff1a; 人机交互类外部设备&#xff0c;如鼠标键盘等&#xff0c;这类设备数据…

2024年阿里云服务器搭建幻兽帕鲁游戏_保姆级教程

玩转幻兽帕鲁服务器&#xff0c;阿里云推出新手0基础一键部署幻兽帕鲁服务器教程&#xff0c;傻瓜式一键部署&#xff0c;3分钟即可成功创建一台Palworld专属服务器&#xff0c;成本仅需26元&#xff0c;阿里云服务器网aliyunfuwuqi.com分享2024年新版基于阿里云搭建幻兽帕鲁服…