利用vue3+ts实现管理后台（增删改查）

 简单的管理后台基本上就是数据的增删改查。主要就是 列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。

以前 vue2 的时候最简单的做法是写出来一个页面的逻辑，然后直接 copy 到各个页面中，修改 API 及参数即可。高级一点的是利用 mixin 函数，将可复用逻辑抽离，每个页面引入 mixin。

vue3 之后新增了composition API。本文就是利用composition API，将可复用的逻辑抽离到composition API中，并引入ts，实现一个简单的管理后台功能。

利用@vue/cli创建项目

首先需要将 @vue/cli 升级到最新版。本文用的是4.5.6版本。

vue create admin
cd admin
npm run serve

create选择手动选择Manually select features，会有一些交互性的选择，是否要安装router、vuex等选项，空格可以切换是否选中。我们选中TypeScript、Router、Vuex、CSS Pre-processors。

我们利用axios + axios-mock-adapter + mockjs来进行接口请求、接口模拟及假数据生成，接下来再安装这几个包。

npm install axios
npm install -D axios-mock-adapter mockjs

项目整体框架

假设我们的项目包含一个 Header，Header 的作用是切换页面。两个页面，分别为 List 和 About，这两个页面都是简单的列表+增删改查的操作。

路由

需要在 router 中增加一个 list 的路由信息。

const routes: Array = [
 {
  path: '/',
  name: 'Home',
  component: Home,
 },
 {
  path: '/about',
  name: 'About',
  component: () => { return import(/* webpackChunkName: "about" */ '../views/About.vue'); },
 },
 {
  path: '/list',
  name: 'List',
  component: () => { return import(/* webpackChunkName: "list" */ '../views/List.vue'); },
 },
];

列表页

首先把列表页的结构写出来，List 和 About 的结构大体相似。

其中用到了addItem、editItem、deleteItem、confirm、cancel这几个方法，每个列表页的这几个方法功能都是相同的，唯一的不同就是请求的 API，我们可以将这几个 API 做为参数，将增删改查的方法提取到setup函数中，做到复用。接下来就来到重点的composition API。

composition API具体实现

import { ref, onMounted } from 'vue';
import {ItemType, FetchType, DeleteType, AddType, EditType} from '../../types/index';

export const compositionApi = (
 fetchApi: FetchType,
 deleteApi: DeleteType,
 confirmAddApi: AddType,
 confirmEditApi: EditType,
 itemData: ItemType,
) => {
 const currentIndex = ref(null);
 const list = ref([{}]);
 const getList = () => {
  fetchApi().then((res: any) => {
   list.value = res.data.list;
  });
 };
 const addItem = () => {
  list.value.unshift(itemData);
  currentIndex.value = 0;
 };
 const editItem = (index: number) => {
  currentIndex.value = index;
 };
 const deleteItem = (index: number, item: ItemType) => {
  deleteApi(item).then(() => {
   list.value.splice(index, 1);
  //  getList();
  });
 };
 const cancel = (item: ItemType) => {
  currentIndex.value = null;
  if (!item.id) {
   list.value.splice(0, 1);
  }
 };
 const confirm = (item: ItemType) => {
  const api = item.id ? confirmEditApi : confirmAddApi;
  api(item).then(() => {
   getList();
   cancel(item);
  });
 };
 onMounted(() => {
  getList();
 });
 return {
  list,
  currentIndex,
  getList,
  addItem,
  editItem,
  deleteItem,
  cancel,
  confirm,
 };
};

export default compositionApi;

接下来就是在 List 和 About 页面中的setup方法中引入即可。

你可能感兴趣的:(利用vue3+ts实现管理后台（增删改查）)

  • 【花雕学编程】Arduino FOC 之四连杆机构轮腿机器人的复杂路径规划 驴友花雕 机器人嵌入式硬件单片机c++Arduino动手做四连杆机构轮腿机器人的复杂路径规划
    Arduino是一个开放源码的电子原型平台，它可以让你用简单的硬件和软件来创建各种互动的项目。Arduino的核心是一个微控制器板，它可以通过一系列的引脚来连接各种传感器、执行器、显示器等外部设备。Arduino的编程是基于C/C++语言的，你可以使用ArduinoIDE（集成开发环境）来编写、编译和上传代码到Arduino板上。Arduino还有一个丰富的库和社区，你可以利用它们来扩展Ardui
  • python代码实现支持神经网络对鸢尾花分类 邀_灼灼其华 机器学习及概率统计python神经网络分类sklearn
    1、导入支持向量机模型，划分数据集fromsklearnimportdatasetsfromsklearnimportsvmiris=datasets.load_iris()iris_x=iris.datairis_y=iris.targetindices=np.random.permutation(len(iris_x))iris_x_train=iris_x[indices[:-10]]iri
  • fanuc roboguide_ROBOGUIDE软件：机器人产线输送带输送物料虚拟仿真操作 weixin_39806679 fanucroboguide发那科机器人编程软件fanucroboguide授权补丁电气自动化plc虚拟仿真软件
    概述输送带在机器人生产线或工作站中是常见的物料传送设备，它能够将物料从一个工位自动传送到另一个工位，是实现自动化生产制造必不可少的装置设备之一。虚拟仿真是对真实的工业机器人生产线或工作站的图形化再现，因此，对于具有输送带设备的机器人生产线也一样要将输送带再现出来。ROBOGUIDE软件是FANUC机器人专用的虚拟仿真软件，它除了机器人虚拟仿真与离线编程功能之外，同样具备外围机械设备的虚拟仿真能力，
  • mysql 视图调用函数_MySQL视图，函数，触发器，存储过程 丛子涵 mysql视图调用函数
    1.视图视图是一个虚拟表，它的本质是根据SQL语句获取动态的数据集，并为其命名，用户使用时只需使用【名称】即可获取结果集，可以将该结果集当做表来使用。使用视图我们可以把查询过程中的临时表摘出来，用视图去实现，这样以后再想操作该临时表的数据时就无需重写复杂的sql了，直接去视图中查找即可，但视图有明显地效率问题，并且视图是存放在数据库中的，如果我们程序中使用的sql过分依赖数据库中的视图，即强耦合，
  • Flutter动画实战指南：从入门到精通，打造流畅交互体验 Coderabo Flutter框架详解flutter交互
    在Flutter的世界里，动画是提升用户界面互动性和吸引力的关键一环。作为一位资深的Flutter开发者，我深知动画功能不仅能够使应用看起来更加生动流畅，还能增强用户体验，使其在众多应用中脱颖而出。本文将深入探讨如何在Flutter中高效地使用动画功能，通过一步步指导和实例代码，让您掌握实现各类动画效果的技巧。Flutter动画基础Flutter提供了丰富的动画库，其核心在于Animation和A
  • 2025前端最新面试题-网络篇 大麦大麦 前端网络面试网络安全网络协议
    1.现代浏览器为何要禁用第三方cookie为了用户的安全(安全和隐私是浏览器永恒的话题)第三方cookie会记录用户的行为和数据,方便做广告有些浏览器默认禁止,Chrome增加了SameSite(谷歌有广告)cookie可以实现不同域共享吗同一主域名下的子域名，cookie可以共享2.实现心跳检验-用于断线重连functionHeartbeaet(){lettimer=0functionfn(){
  • RabbitMQ复习 SJLoveIT rabbitmq分布式
    消息中间件的作用：（1）异步处理（2）应用解耦（3）流量削峰消息中间件的缺点：引入了新的东西，也就增加了新的故障点。比如消息中间件挂了，影响系统的可用性。两种框架：JMS和AMQP最大的区别是JMS是是javaapi,对跨平台的支持较差，但在纯java技术栈内首选。AMQP是跨平台的，序列化方式选json，不管你是java，php，C/C++,python,都能处理RabbitMQ实现的事AMQP
  • 学习笔记：java的23种设计模式总结 SJLoveIT java设计模式
    设计原则开闭原则：对扩展开放，对修改关闭里氏替换原则：尽量不重写父类的非抽象方法迪米特法则：不要和陌生人说话依赖倒置原则：面向接口、面向抽象编程。spring容器和Bean的自动注入就是最生动的实践单一职责原则：一个人只做一件事，别乱套了接口隔离原则：和单一职责类似合成复用原则：尽量先通过组合等来实现，而非通过继承来实现优先考虑hasA而非isA设计模式（1）单例模式饿汉式懒汉式DCL双重检测锁v
  • SpringBoot项目中替换指定版本的tomcat m0_54804970 面试学习路线阿里巴巴springboottomcat后端
    在SpringBoot项目中替换指定版本的Tomcat，可以通过修改项目的`pom.xml`文件来实现。具体步骤如下：首先，查看当前SpringBoot项目中使用的Tomcat版本。可以通过查看`pom.xml`文件中的依赖项来确定。在`pom.xml`文件中，找到SpringBoot的依赖项，并添加或修改Tomcat的版本属性。例如，如果要将Tomcat版本修改为7.0.59，可以按照以下步骤操
  • k8s部署Nginx实现外部访问 leetrocken nginxdockerk8syaml
    k8s部署Nginx实现外部访问1.准备k8s环境[root@masteryaml]#kubectlgetnodes##两个节点均为Ready状态NAMESTATUSROLESAGEVERSIONmasterReadymaster3d8hv1.18.1nodeReady3d8hv1.18.12.检查主机上是否存在Nginx镜像[root@mastercicd]#dockerimages|grepn
  • 鸿蒙 Next 开发实践：使用 WebView 适配移动端网站 淼学派对 2025鸿蒙学习资源讲解harmonyos华为
    在移动应用开发中，有时我们需要将已有的移动端网站嵌入到原生应用中，以实现快速开发和功能扩展。鸿蒙Next提供了强大的WebView组件，可以轻松实现这一目标。本文将通过一个简单的示例，展示如何在鸿蒙Next应用中使用WebView适配已经做好的移动端网站。效果图场景背景假设我们已经有一个移动端网站，例如一个查询系统https://lefu.lesaosao.cn/chaxun/#/Indexhtt
  • 完整的 Python 数据分析案例：在线游戏玩家付费预测 萧十一郎@ python机器学习人工智能
    目录1.案例背景代码实现2.主要的代码难点解析2.1数据清洗-缺失值处理2.2特征工程-新特征计算与独热编码2.3特征选择2.4模型训练与评估2.5数据可视化3.可能改进的代码3.1数据清洗与特征工程改进3.2模型改进3.3可视化改进1.案例背景在在线游戏行业中，准确预测玩家是否会付费以及付费金额，对于游戏运营商制定营销策略、优化游戏设计和提高盈利能力至关重要。本案例将基于玩家的游戏行为数据（如游
  • 利用Python实现企业微信发送文件消息 林_胖 python企业微信自动化文件OA
    最近领导希望做一个小的招标信息爬取系统，每日以邮件以及企业微信的方式进行推送。所以记录一下如何使用Python实现企业微信发送文件。第一步：登录企业微信后台，需要用有管理员权限的微信进行扫码登录。第二步：获取AgentId和Secret，获取路径：应用管理-创建应用，创建应用后即可看到。第三步：确认需要接收信息的userid，获取路径：通讯录-选择需要发送的人员-账号。第四步：获取公司ID，获取路
  • 边缘AI推理模型更新的秘密武器——Nginx的在线升级魔法 墨夶 Nginx学习资料1人工智能nginx运维
    在当今快速发展的物联网和边缘计算时代，如何确保部署于边缘节点上的AI推理模型能够及时、高效地进行在线更新，成为了技术团队面临的一项重要挑战。传统的离线更新方式不仅耗时费力，而且可能导致服务中断，影响用户体验。为此，我们探索了一种基于Nginx的创新解决方案，它允许我们在不影响现有服务的前提下，平滑地完成模型版本迭代。本文将详细介绍这一过程，并分享具体实现方法及代码示例。1.Nginx简介及其优势N
  • 关于Spring基础了解 党和人民 基础spring
    Spring简介Spring框架是一个开源的Java应用框架，旨在简化企业级应用程序的开发。它提供了一系列强大的工具和服务，帮助开发者构建高质量的Java应用程序。Spring框架的核心理念是使开发过程更加模块化、可测试和可维护。主要特性依赖注入（DependencyInjection,DI）定义：DI是一种设计模式，用于实现控制反转（InversionofControl,IoC）。通过DI，对象
  • 深入解析 Flutter兼容鸿蒙next全体生态的横竖屏适配与多屏协作兼容架构 淼学派对 flutter_鸿蒙nextflutterharmonyos华为架构windows
    ✅近期推荐：求职神器https://bbs.csdn.net/topics/619384540欢迎大家订阅系列专栏：flutter_鸿蒙next淼学派语录：只有不断的否认自己和肯定自己，才能走出弯曲不平的泥泞路，因为平坦的大路，太tm无趣了！目录写在前面1.Flutter的基本适配机制1.1响应式布局1.2逻辑像素2.横屏与竖屏的适配2.1方向感知2.2针对方向的布局优化3.多屏协作的实现3.1适
  • 基于 ‌MySQL 数据库‌对三级视图（用户视图、DBA视图、内部视图）的详细解释 huaqianzkh 架构理解与实践数据库mysqldba
    基于‌MySQL数据库‌对三级视图（用户视图、DBA视图、内部视图）的详细解释，结合理论与实际操作说明：一、三级视图核心概念数据库的三级视图是ANSI/SPARC体系结构的核心思想，MySQL的实现逻辑如下：‌层级‌‌别称‌‌核心内容‌‌MySQL中的体现‌‌用户视图‌外模式/子模式用户看到的数据逻辑结构用户权限内的表、视图、可操作字段‌DBA视图‌概念模式/逻辑模式全局逻辑结构、表关系、约束in
  • 计算机网络基础：网络标准相关知识介绍 IT技术分享社区 电脑技巧数据库软考网络大数据人工智能java编程语言
    1、常见的制定网络标准的机构国际标准化组织、国际电信联盟、电子工业协会、电气和电子工程协会、因特网活动委员会2、常见的网络标准2.1电信标准国际电信联盟（ITU）1947年成为联合国的一个组织，包括ITU-R、ITU-T、ITU-D组成。ITU-R:无线通信部门。主要工作是确保无线电频率的卫星轨道被所有国家平等、有效和经济地利用。ITU-T：电信标准部门。下设很多研究小组主要是网络管理、网络维护、
  • VMware各个软件的作用 The god of big data 大Big数据Data教程神器？三叉戟？云计算网络
    VMware作为全球领先的虚拟化与云计算解决方案提供商，其软件产品覆盖了从桌面级虚拟化到企业级云平台的全场景需求。以下结合其核心产品体系，详细解析各软件的功能定位与业务价值：一、基础虚拟化平台VMwarevSphere作为企业级服务器虚拟化的核心引擎，vSphere通过ESXi虚拟化内核实现对物理服务器的资源切割，支持在一台物理主机上同时运行数百个虚拟机（VM）。其核心功能包括：vMotion：实
  • git 多分支管理 大丈夫在世当日食一鲲 GITgit
    Git多分支管理是团队协作和复杂项目开发的核心实践，通过合理利用分支机制可以实现并行开发、版本控制和代码稳定性：一、分支管理基础概念与操作分支的创建与切换创建分支：使用gitbranch基于当前提交创建新分支，例如gitbranchfeature/user-auth。快速切换：通过gitcheckout或gitswitch切换上下文，建议在开发新功能前创建独立分支以避免污染主分支。分支命名规范：推
  • 【模型部署】大模型部署工具对比：SGLang, Ollama, VLLM, LLaMA.cpp如何选择？ 深度求索者 llama人工智能
    在选择大模型部署工具时，需要考虑多个因素，包括性能、支持的语言和模型、硬件支持、易用性以及社区支持等。以下是对比分析：性能VLLM(VirtualTensorLanguage):VLLM是一个高性能的推理库，特别适用于长序列任务。它通过虚拟张量技术优化了内存使用，并支持多GPU加速，适合需要高性能推理的场景。LLaMA.cpp:这是一个针对C++优化的LLaMA模型实现，特别适合在资源受限的环境中
  • 高效空间编码技术：SPD-Conv在目标检测中的创新应用 向哆哆 目标检测目标跟踪人工智能yolov8
    文章目录SPD-Conv：高效空间编码的技术背景SPD-Conv的原理YOLOv8中的SPD-Conv实现YOLOv8SPD-Conv代码实现代码解析性能提升SPD-Conv的优势与应用场景SPD-Conv的设计细节与优化1.空间深度转换机制的进一步优化2.SPD-Conv的训练技巧与改进3.SPD-Conv与YOLOv8的其他模块结合SPD-Conv的应用扩展1.自动驾驶2.无人机目标检测3.安
  • 使用el-tabs时，如何通过另一个页面传值来默认选中某个tab 冷冷清清中的风风火火 笔记前端vuevue.jsjavascript前端
    要实现通过另一个页面传值以默认选中特定的el-tab，可以按照以下步骤检查和调整代码：方法一：父子组件通信（使用.sync修饰符）父组件使用.sync修饰符绑定activeName，并确保el-tabs的v-model正确绑定：exportdefault{data(){return{activeName:'1'//默认值};}};子组件在需要修改时触发update:activeName事件：thi
  • GD32F4xx SD卡读写及FATFS移植记录 madao1024 GD32F4xxMCUGD32F4xxSDIOFATFS
      最近调试了一下GD32F450Z的SDIO接口，读写microSD卡并移植了FATFS调试过程记录如下，调试时使用的是16GBKingstonTF卡。说一下思路：分3步实现1、从资料中首先学习一下SDIO接口的相关内容；2、根据例程调通SDcard的读写驱动程序；3、最后移植FATFS文件系统，文件系统来操作SD卡。目录1、GD32F4xxSDIO接口2、GD32F4xxSDIO驱动3、FAT
  • 穿越AI边界：深度集成DeepSeek API与云平台的实践之路 云边有个稻草人 热门文章人工智能DeepSeek大数据集成DeepSeekAPIDeepSeek算法阿里云百炼平台集成
    云边有个稻草人-CSDN博客随着人工智能技术的日益发展，深度学习和自然语言处理（NLP）已经在很多领域得到了广泛的应用。DeepSeek作为一款领先的大型语言生成模型，凭借其强大的推理和生成能力，已经被越来越多的开发者和行业专家所青睐。通过DeepSeek提供的API接口，开发者可以在多个领域中实现先进的自然语言理解和生成任务。本文将深入探讨如何使用Python调用DeepSeek的API接口，并
  • FlutterToast：使用Flutter原生API实现的Toast功能 齐妤茜
    FlutterToast：使用Flutter原生API实现的Toast功能FlutterToastFlutterToast使用Flutter原生API实现的Toast功能项目地址:https://gitcode.com/gh_mirrors/flu/FlutterToast1.项目基础介绍FlutterToast是一个基于Flutter的开源项目，主要使用Dart语言开发。该项目旨在为Flutte
  • Flutter 使用OverlayEntry实现Toast Gm_Cheng flutterandroid
    记录一次关于实现Flutter的tosat消息提示框设定传入参数首先，toast需要两个基本参数，BuildContext和String，BuildContext为上下文，String为需要现实的文字信息若是需要自定义字体或者消息框样式，可以设置TextStyle或Container等其他组件作为参数传入进来，至于toast的显示时间，可以设置一个默认的Duration值为3000毫秒，再定义两个
  • Spark核心算子对比：`reduceByKey`与`groupByKey`源码级解析及生产调优指南 数据大包哥 大数据spark分布式
    Spark核心算子对比：reduceByKey与groupByKey源码级解析及生产调优指南1.核心机制对比在Spark中，reduceByKey和groupByKey都是对键值对RDD（RDD[(K,V)]）进行聚合操作的高阶算子，但两者的底层实现和性能表现截然不同。特性reduceByKeygroupByKeyShuffle前预聚合✅启用（mapSideCombine=true）❌禁用（map
  • AI在农业中的应用:精准农业的新时代 AI大模型应用之禅 DeepSeekR1&AI大模型与大数据计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    AI,农业,精准农业,机器学习,深度学习,计算机视觉,农业机器人1.背景介绍农业是人类文明的基石，也是全球经济的重要支柱。然而，随着人口增长和资源短缺，传统农业面临着诸多挑战，例如低效率、资源浪费、环境污染和气候变化的影响。为了应对这些挑战，精准农业应运而生。精准农业是指利用现代信息技术和数据分析手段，对农业生产进行精细化管理，提高资源利用效率、产量和产品质量，同时减少环境污染。人工智能（AI）作
  • 前后端分离项目的验证码实现（前端Vue，后端TP） 今天练肩感觉爆炸 vuethinkphp
    1.TP安装依赖composerrequiretopthink/think-captcha=2.0.*2.生成验证码返回给前端//生成验证码publicfunctiongetCaptcha(){$config=[//验证码字符集合'codeSet'=>'0123456789',//验证码字体大小'fontSize'=>30,//字体'fontttf'=>'5.ttf',//验证码位数'length
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla