Vue项目学习（一）-SQL闯关

最新推荐文章于 2024-12-05 10:28:12 发布
最新推荐文章于 2024-12-05 10:28:12 发布
阅读量710 收藏 6
点赞数 5
文章标签： vue.js 学习 GitHub sql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/2302_81578551/article/details/137877805
版权

Hello , 我是小恒不会java。今天来阅读一个Vue纯前端项目--SQL在线闯关
进步的方法除了文档书籍视频，学会阅读源代码，从代码中学会解决需求的方法也是必要的

已部署完成，在线体验：http://sql.yunduanjianzhan.cn
在这里插入图片描述

背景

简介

闯关式 SQL 自学教程网站，结合鱼皮自己的 SQL 学习实践经验，编写了 30 多个关卡，用户可以在线提交 SQL 代码做题闯关
GitHub地址：https://github.com/liyupi/sql-mother?tab=readme-ov-file

学习要点
  • 前端SQL执行：webassembly
  • Markdown 展示组件：bytemd 以及主题
  • 代码编辑器：monaco-editor
  • 全局状态管理：pinia
  • 前端工程化：typescript + eslint + prettier
代码架构（src）
最低0.47元/天 解锁文章
菜与代码
关注
vue：sql 语句格式化、高亮、代码
m0_59329255的博客
01-22 1804
11
vuejs-sql-editor
03-18
vuejs-sql-editor 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
web执行sql----vue mybatis
weixin_30757793的博客
05-11 417
java @ResponseBody @RequestMapping(value = "/sqlMap", method = RequestMethod.POST) public String executeSql(HttpServletRequest req) { JSONObject jsona = new JSONObject(); try {...
基于vue实现的SQL编辑器
“勤能补拙”
03-16 5280
最近根据需求需要写一个sql编辑器功能，正好看到这篇文章： 转载https://blog.csdn.net/weixin_45851208/article/details/105118847
VUE实现SQL在线编辑器，SQL分析器，SQL代码关键字提示
热门推荐
zhangwenwu2的博客
10-16 1万+
1、首先使用npm安装CodeMirror插件,sql-formatter格式化插件 npm install --save codemirror npm install --save sql-formatter 2、然后引入该文件 import 'codemirror/theme/ambiance.css' import 'codemirror/lib/codemirror.css' import 'codemirror/addon/hint/show-hint.css' const ...
基于Springboot+Vue的在线答题闯关系统
最新发布
wml_JavaKill的博客
12-05 1127
基于Springboot+Vue的在线答题闯关系统本系统采用前后端分离架构，前端使用Vue.js框架实现，后端则通过Spring Boot进行构建，数据存储使用MySQL数据库。前端使用Vue.js进行数据渲染，而后端提供RESTful API接口来实现前后端的有效数据交互。功能模块设计顺序出题模块：该模块允许用户按顺序答题，系统根据预设的题目顺序逐一展示给用户。用户完成每一道题后可以进入下一题，适合需要系统化学习的用户。体型练习模块：用户可以根据自己的需求选择特定的练习模式，比如选择某个类别或某个难度的题
基于Vue3和Elment Plus的在线编程闯关挑战网站设计源码
04-03
本设计源码提供了一个基于Vue3和Elment Plus的在线编程闯关挑战网站。项目包含166个文件，主要使用JavaScript、Vue、CSS和HTML编程语言。文件类型包括49个JavaScript脚本文件、35个Markdown文档、34个SQL数据库文件...
PHP全新精美UI口红机闯三关赢礼品
08-14
总的来说，"PHP全新精美UI口红机闯三关赢礼品"源码项目涵盖了从后端开发、前端设计到支付接口集成、安全防护等多个方面，适合有一定PHP基础并希望学习游戏化营销应用开发的开发者进行实践和研究。
成语答题-前后端(原生前端+w7后端)
09-11
项目中的“成语赚”和“成语闯关”功能，表明了应用程序包含游戏化设计，用户可以通过完成成语答题来积累分数或解锁新的关卡。这种设计不仅增加了趣味性，也鼓励用户深入学习和掌握成语知识。 总的来说，“成语答题...
基于Java的微信小程序“数据结构与算法”闯关答题系统开发
通过以上的知识点，我们可以得知这个“数据结构与算法”闯关答题微信小程序项目的开发背景、使用的工具和环境、开发语言与框架选择的理由，以及项目的文件组织方式。这些信息对于理解项目开发的全过程和细节提供了...
vue2 monoca-editor使用SQL：自动补全、自定义颜色、格式化代码、标记错误
m0_37378152的博客
10-11 6311
vue2 monoca-editor使用SQL：自动补全、自定义颜色、格式化代码、标记错误
vue+element-ui+websql
04-19
使用vue+elemetnui框架，采用websql/localsotrage作为数据存储，实现增删改查
vue导入sql编辑器
波塞冬的博客
10-26 3144
sql编辑器一些配置项 （更多配置项参考：https://blog.csdn.net/JLU_Lei/article/details/80259697） 事件监听 触发器使用方法：editor.on(‘chang’, ()=>{}) 取消触发器方法：ediotr.off(‘change’) “changes”：每次编辑器内容更改时触发 “beforeChange”：事件在更改生效前触发 “cursorActivity”：当光标或选中(内容)发生变化，或者编辑器的内容发生了更改的时候触发。 “key
vue配置sql规则
wch19960518的博客
07-05 703
前端页面实现动态配置sql条件，将JSON结构给到后端，后端进行sql组装。这里涉及的分组后端在组装时用括号将这块规则括起来就行，分组的sql连接符（并且/或者）取组里的第一个。
Vue封装sql编辑器
qq_43284411的博客
11-27 767
1.封装sql编辑器组件。
VUE3连接SQLServer绑定到ElementPlus el-table上
寒冰的暖
05-24 2013
【代码】VUE3连接SQLServer绑定到ElementPlus el-table上。
Go+Vue实现的高颜值SQL审核平台，兼容99%SQL语法
ZicoChan的博客
10-22 598
SQL 审核，实际上也是对 SQL 的标准化管理。而人工审核时代，针对数据库规范其实是很难落地的，规范越多，DBA越累，开发也越累。 大多数情况下，人工审核 SQL 的代价太高，在规范落地和监督约束方面难以把控。很多情况下，性能隐患会给线上环境带来极大的影响，可能是影响业务使用，也可能直接关系数据。 今天 Gitee 推荐的这款开源好物，就是一款 Web 端可视化的 SQL 审核平台，一起来看看吧。 项目名称：Yearning 项目作者：HenryYee 开源许可协议：AGPL-3.0 项.
Vue实现SQL语句关键字高亮显示？
初学者
03-28 2426
在这个示例中，我们定义了一个 sqlKeywords 数组，其中包含了常见的SQL关键字。然后，我们使用 methods 中的 highlightKeywords 方法来解析SQL语句，并根据关键字来设置每个部分的文本颜色。要在Vue中实现SQL语句中关键字的高亮显示，你可以使用类似的方法，但是你需要根据SQL语法的特点来解析并高亮显示关键字。需要注意的是，这个示例只是简单地根据关键字来高亮显示文本，对于复杂的SQL语法可能需要更复杂的解析逻辑。/* 可选：定义高亮样式 */// SQL关键字列表。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值