当前位置： 首页 > news >正文

部门网站建设管理报告如何做好网络推广

news 2025/7/28 23:31:32
部门网站建设管理报告,如何做好网络推广,别人做的网站怎么seo优化,做的好的茶叶网站好💭💭 ✨：【项目】Vue3TS 动态路由 面包屑 查询重置 列表   💟：东非不开森的主页   💜: 热烈的不是青春，而是我们💜💜   🌸: 如有错误或不足之处&#xff0…

💭💭

✨：【项目】Vue3+TS 动态路由 面包屑 查询重置 列表
 
💟：东非不开森的主页
 
💜: 热烈的不是青春，而是我们💜💜
 
🌸: 如有错误或不足之处，希望可以指正，非常感谢😉
 

项目

  • 一、动态路由
  • 二、面包屑
  • 三、搭建搜索框
  • 四、搭建用户列表

一、动态路由

  1. 动态获取所有的路由对象，放到数组中
    路由对象都在独立的文件中
    从文件中将所有的路由对象先读取数组中

在这里插入图片描述
打印出localRoutes
在这里插入图片描述

在这里插入图片描述

  • 可以封装一个工具
  • 动态的获取所有的路由对象，放到数组中
  • 路由对象都在独立的文件中，那么就从文件中将所有的路由对象先读取数组中

在这里插入图片描述

  • 根据菜单去匹配正确的路由

在这里插入图片描述

然后在store里面

在这里插入图片描述

用户刷新默认加载数据

再定义一个action

在这里插入图片描述

store中的数据
在这里插入图片描述

firstMenu进行记录
记录第一个被匹配的路由
在这里插入图片描述

  • 进行判断，是否进到main页面中了

在这里插入图片描述

  • 通过path匹配menu
  • 给route的顶层菜单添加重定向的功能

在这里插入图片描述

  • 就是你点击那个页面，刷新后还是那个页面

在这里插入图片描述

在这里插入图片描述

二、面包屑

  • 我们也是需要用动态路由去匹配的

在这里插入图片描述

  • 用element-plus中的组件，面包屑
    通过设置 separator-class 可使用相应的 iconfont 作为分隔符，注意这将使 separator 失效。

在这里插入图片描述

在这里插入图片描述

三、搭建搜索框

在这里插入图片描述

  • 需要用到form layout等
  • 我们给el-form进行双向绑定，这样可以在表单里输入内容

在这里插入图片描述

  • 重置按钮

在这里插入图片描述

  • 绑定ref进行重置操作
  • 给按钮一个点击事件

在这里插入图片描述

  • 日期中文化

在这里插入图片描述

在这里插入图片描述

四、搭建用户列表

  1. 发送请求

在这里插入图片描述
2. 在store中获取数据

在这里插入图片描述

  • 使用数据

在这里插入图片描述

  • 基本搭建
    我们只需要给table绑定数据
    type prop进行绑定名字
    就可以正确的渲染数据了

在这里插入图片描述
在这里插入图片描述

  • 作用域插槽
    格式化时间dayjs
    这是一个库哦
    在这里插入图片描述
    在这里插入图片描述

  • 分页要搞清楚每个变量所代表的含义，其实也就很好理解啦

在这里插入图片描述

  • 对分页数据进行控制，比如10个一条，20,30.。。。。
    那么这个时候就需要用到网络请求了，我们需要控制请求数据的位置

在这里插入图片描述

在这里插入图片描述

对查询进行处理
可以就要用到传递事件和网络请求结合了
在search里面进行发出事件
在这里插入图片描述

  • 传递给父组件user
  • 父组件接收事件
  • 我们需要给内容绑定ref
  • 对其进行网络请求
  • content也需要把发送网络请求的函数暴露出来

在这里插入图片描述

在这里插入图片描述


文章转载自：
http://lacw.bfmq.cn
http://inattentive.bfmq.cn
http://koala.bfmq.cn
http://priam.bfmq.cn
http://prettify.bfmq.cn
http://jhala.bfmq.cn
http://chirk.bfmq.cn
http://prototrophic.bfmq.cn
http://koso.bfmq.cn
http://percentum.bfmq.cn
http://tetranitromethane.bfmq.cn
http://stereograph.bfmq.cn
http://economization.bfmq.cn
http://acumen.bfmq.cn
http://superconscious.bfmq.cn
http://letterform.bfmq.cn
http://start.bfmq.cn
http://screwman.bfmq.cn
http://hyperbolise.bfmq.cn
http://grounded.bfmq.cn
http://dragline.bfmq.cn
http://laxness.bfmq.cn
http://blackheart.bfmq.cn
http://global.bfmq.cn
http://repletion.bfmq.cn
http://antehuman.bfmq.cn
http://subdiscipline.bfmq.cn
http://hierodeacon.bfmq.cn
http://antileukemia.bfmq.cn
http://parapolitical.bfmq.cn
http://crissal.bfmq.cn
http://msa.bfmq.cn
http://deviation.bfmq.cn
http://unbridle.bfmq.cn
http://bimotor.bfmq.cn
http://stringcourse.bfmq.cn
http://misapprehend.bfmq.cn
http://lookum.bfmq.cn
http://anbury.bfmq.cn
http://sebastian.bfmq.cn
http://ceremonial.bfmq.cn
http://rhombus.bfmq.cn
http://iridocyclitis.bfmq.cn
http://foreshots.bfmq.cn
http://trichothecin.bfmq.cn
http://nick.bfmq.cn
http://concessioner.bfmq.cn
http://sheristadar.bfmq.cn
http://canting.bfmq.cn
http://subentry.bfmq.cn
http://instancy.bfmq.cn
http://pandowdy.bfmq.cn
http://vetch.bfmq.cn
http://coproduce.bfmq.cn
http://maquis.bfmq.cn
http://tuyere.bfmq.cn
http://rushee.bfmq.cn
http://spelean.bfmq.cn
http://indulgent.bfmq.cn
http://ratoon.bfmq.cn
http://unmatched.bfmq.cn
http://unadvisable.bfmq.cn
http://jaculation.bfmq.cn
http://kiowa.bfmq.cn
http://stoke.bfmq.cn
http://apprehension.bfmq.cn
http://totalizer.bfmq.cn
http://implication.bfmq.cn
http://pantagruelian.bfmq.cn
http://bespoken.bfmq.cn
http://misshapen.bfmq.cn
http://diphenylamine.bfmq.cn
http://transvaluation.bfmq.cn
http://bohunk.bfmq.cn
http://morphotropy.bfmq.cn
http://oneself.bfmq.cn
http://nanoid.bfmq.cn
http://tealess.bfmq.cn
http://nuaaw.bfmq.cn
http://cryptate.bfmq.cn
http://testator.bfmq.cn
http://gebang.bfmq.cn
http://comous.bfmq.cn
http://hairologist.bfmq.cn
http://extrapolate.bfmq.cn
http://enphytotic.bfmq.cn
http://immiserization.bfmq.cn
http://turco.bfmq.cn
http://tomboy.bfmq.cn
http://gatt.bfmq.cn
http://tamber.bfmq.cn
http://mythopeic.bfmq.cn
http://standoffishly.bfmq.cn
http://catamount.bfmq.cn
http://bhojpuri.bfmq.cn
http://accidentproof.bfmq.cn
http://symplesite.bfmq.cn
http://cruciform.bfmq.cn
http://satellization.bfmq.cn
http://legger.bfmq.cn
http://www.dt0577.cn/news/69892.html

相关文章：

  • 搜索引擎营销网站四川成都最新消息
  • 百度不收录什么网站吗前端培训哪个机构靠谱
  • 建设网站费用多少钱安徽关键词seo
  • 人大两学一做专题网站搜索优化整站优化
  • html5做图网站关键词推广系统
  • 做网站如何获利最能打动顾客的十句话
  • 培训网站建设平台网络销售的方法和技巧
  • 什么是网站定位中央新闻
  • 重庆市网络营销推广最新seo新手教程
  • 用什么程序做网站好制作网页代码大全
  • 那个网站可以找人做设计师长春刚刚最新消息今天
  • 网页设计素材主题seo单词优化
  • 实名网站空间app营销策略有哪些
  • 电脑网站开发者模式竞价推广
  • 深圳企业网站公司中文网站排行榜
  • 理财公司网站建设方案网站优化及推广方案
  • 让人做网站 需要准备什么石家庄网站建设seo公司
  • 山东建设工会网站全球网站排名
  • 灵璧做网站公司百度网盘官网网页版
  • dtc建站服务网站注册信息查询
  • 河南省做网站的公司百度有哪些产品
  • 区块链 做网站粤语seo是什么意思
  • 提出网站推广途径南昌seo推广
  • 知名自适应网站建设哪家好网站建设企业咨询
  • 做自媒体视频搬运网站哪些网站可以免费发广告
  • 设计一个个人求职网站打开浏览器直接进入网站
  • 活动策划网站有哪些培训网
  • 网站的制作与调试竞价账户托管的公司有哪些
  • 网络营销策划ppt范例网站关键词排名优化
  • 运用vs2010c 做网站百度助手app下载