项目分析首页 导航、登录注册栏、轮播图、地板导航登录注册 选项卡免费课 课程分类、筛选、课程列表免费课详情 课程封面视频、优惠活动倒计时、选项卡我的购物车 全选、商品价格统计购买结算购买成功我的订单课时播放页面项目搭建创建项目目录cd 项目目录vue init webpack luffy# 例如:我要把项目保存在桌面下 ~/Desktop/luffy ,可以如下操作:cd Desktopvue i
转载 2023-10-08 11:19:38
93阅读
要将 Vue 前端页面上的按钮靠右对齐,你可以使用 CSS 样式或者使用布局类。下面是两种常见的方法:方法一:使用 CSS 样式在你的 Vue 组件中给按钮元素添加一个自定义的 CSS 类名。例如:<button class="right-aligned-button">按钮</button>在你的 CSS 样式表中,为该 CSS 类名添加样式来实现右对齐。例如:.righ
原创 2023-08-24 10:22:28
7508阅读
# 使用 Dockerfile 打包 Vue 前端项目的完整指南 在当今的软件开发中,Docker 已成为一个重要的工具,它能够以容器化的方式为应用提供一致的运行环境。此篇文章将详细介绍如何使用 Dockerfile 打包 Vue.js 应用,尤其是针对前端开发者的相关知识。我们将逐步构建 Dockerfile,介绍每一步的意义,并包含代码示例和图示,帮助你更好地理解。 ## 前言 Vue.
原创 8月前
85阅读
# 如何使用Dockerfile构建Vue前端项目 ## 引言 在开发和部署前端项目时,我们经常需要在不同的环境中进行构建和运行。这就涉及到了如何有效地管理项目的依赖和环境配置的问题。Docker是一种流行的容器化技术,可以帮助我们解决这些问题。本文将介绍如何使用Dockerfile构建Vue前端项目,并提供一个示例来解决实际问题。 ## Dockerfile是什么 Dockerfile是
原创 2023-12-20 08:40:33
93阅读
分页查询是一个很常见的功能,对于分页也有很多封装好的轮子供我们使用。比如使用mybatis做后端分页可以用Pagehelper这个插件,如果使用SpringDataJPA更方便,直接就内置的分页查询。做前端分页比如常用的Layui也用js 帮忙封装好的分页功能,并且只需要我们按照要求接收对应的参数就行了。这次的文章主要是使用SpringBoot+Mybatis 实现前端后端的分页功能,并没有使用
转载 2023-11-10 10:09:24
84阅读
前端代码规范一、命名规范市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写) PascalCase(大驼峰式命名法 —— 首字母大写) kebab-case(短横线连接式) Snake(下划线连接式)1.1 项目文件命名1.1.1 项目名全部采用小写方式, 以短横线分隔。 例:my-project-name。1.1.2 目录名参照项目命名规则,有复数结构时,要采用复数命名
vue前端分页多条件搜索 fliterData() { if (this.query_syscode || this.query_version || this.query_group || String(this.query_status)) { this.blist = this.list.fi ...
转载 2021-08-05 18:04:00
601阅读
2评论
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上
简单的来说,前端就是客户端,用户所能看到的,像网页、app、小程序,这样一个与用户进行交互的界面就是前端。后端就是服务器端,用户看不到的,这个界面后面所进行的数据处理、数据库、服务器都是后端。下面说一下技术栈和特点,当然技术那么多,可能有些有所缺漏,这里只讲主要的一些概念。前端技术栈三门语言:html、css、JavaScript封装库:比如jQuery、Ajax,对原生API做二次封装,
Java分页首先说一下什么是分页分页就是将所有数据分开展示给用户的技术,通俗点说就像大家的书一样,我们可以通过页数来找到自己想要的内容,Java分页也是如此。Java分页的意义分页确实有效,但它一定会加大系统的复杂度,但可否不分页呢?如果学习的话当然可以.,因为数据库的数据比较少;但是对于企业信息系统来说数据量不会限制在一个小范围内,利用分页可以高效的,找到数据,并且减轻对服务器的压力。如何实现
转载 2023-07-13 14:36:24
375阅读
由于项目需求需要采取前端分页方式,最后找到解决方式 <a-table size="default" bordered :columns="columns" :dataSource="dataSource" :loading="loading" :pagination="false" > ...此处省
转载 2021-07-09 09:33:00
1702阅读
2评论
1.1 vue.js的快速入门使用vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的。另外几个常见的工具库:react.js /angular.js官方网站:中文:https://cn.vuejs.org/英文:https://vuejs.org/官方文档:https://cn.vuejs.org/v2/guide/1.2 vue.js库的基本使用基本形式:基本使用
转载 2023-12-14 09:59:56
42阅读
1.点击对应的选框获取对应的uidvar search = location.search; alert(search);//?id=5 // 切割字符串,拿到第二个值 var cid = search.split("=")[1];*/ 2.通过对应的uid获取到页面的信息load(cid ,currentPage,rname) 此时我调用一个load方法来获取发送ajax请求加载数
原创 2021-12-03 15:58:41
177阅读
我们在页面展示一个table表格的时候,当数据量较大时,常常会考虑到数据分页的问题,数据分页一般有三种方式,分别是前端数据分页,后端数据分页,数据库分页前端数据分页:是把所有数据加载到前端,然后在前端用js实现数据的分页,这种分页方式是最方便简单的,但是也是效果最差的。因为当数据量很大时,前端加载数据耗时很久,页面会因为加载数据而无法正常显示,体验很差。并且因为数据是一次性加载到前端,当数据库有
今天在做数据库练习的时候由于数据有点多,一下全部显示出来不好看,看着比较乱,所以在查了一下怎么让MySQL分页找到了一篇不错的文章,在这里分享给大家。如果有帮到大家麻烦点个赞。谢谢。方法1: 直接使用数据库提供的SQL语句—语句样式: MySQL中,可用如下方法: SELECT * FROM 表名称 LIMIT M,N。—适应场景: 适用于数据量较少的情况(元组百/千级)。—原因/缺点: 全表扫描
转载 2023-06-23 18:51:10
114阅读
vue.js兼具angular.js和react.js的优点,并剔除了它们的缺点”调试插件在vue调试方面,可以选择安装chrome插件vue Devtools。打开vue项目,在console控制台选择vue面板。在Devtools工具中,可以选择组件,查看对应组件内的数据信息。也可以选择Vuex选项,查看该项目内Vuex的状态变量信息。vue 脚手架工具手动配置安装webpack,()打开命令
转载 2023-12-25 00:24:01
44阅读
经过前面几篇文章的介绍,现在已经把博客后台管理和前台界面都已经搭建好了,其中前端界面是我完全手写实现的,其中分页部分是比较麻烦的,这儿简单说下我是如何完成的。分页涉及三个要素:1、请求地址;2、每页的数量;3、当前是第几页,所以我这的的做法如下:1. 在分页的div上添加如下属性:1 <div class="pageSection" addr="/home/first" rows="3" p
转载 2023-05-18 17:41:51
140阅读
Vue项目打包之后,部署有两种方式,一是前台打包后扔给后台,放置在后台项目的根目录下就可以了。这种是最简单的。还有一种方式就是前端单独部署,这里讲的是后者 前端如何单独部署呢? 一个最简单的办法就是使用Nginx部署辣 一.我们将自己的Vue项目打包 运行npm run build 会在项目中生成一个叫dist文件 二.安装Nginx Nginx是一个类似于Tomcat的服务器,部署前
转载 2024-05-06 14:42:26
170阅读
<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minim
原创 2023-05-05 17:21:52
193阅读
 前面用了大量篇幅介绍组件库的开发环境搭建,包括:创建组件、创建组件库入口、组件库样式架构、组件库公共包,做了一大堆工作,还不能预览示例组件 foo,本文便搭建 example 开发环境和打包构建,并在 example 中使用组件库。1 搭建 example 开发环境1.1 创建 example 项目example 本质上就是一个 vite3 + vue3 的项目,可以通过 vite 来
  • 1
  • 2
  • 3
  • 4
  • 5