老哥们,我是一个前端,老板现在要我做一个网页版的 Navicat,其中 sql 编辑器和下面的结果返回,没有头绪啊,有老哥说一下,我这工作才半年,哎

2018-12-12 11:50:29 +08:00
 moocean
有吊大的老哥给小弟搞点建议
4789 次点击
所在节点    问与答
33 条回复
liuxey
2018-12-12 11:58:53 +08:00
编辑器用个开源的 web 编辑器就行了,至于下面的结果返回?调用 sql 语句查结果会吧? html/table 会吧?难点无非就是从 sql api 里获取 meta 信息展示表头,这个搜索下半天也就差不多了。
更多进阶的功能慢慢来,当你做完这个东西获得的经验值比 CRUD 2 年还高,努力吧,少年!
Heavytiger
2018-12-12 12:00:14 +08:00
phpmyadmin 现成的拿来用,开源的
xiri
2018-12-12 12:07:11 +08:00
给 phpmyadmin 套个壳?
moocean
2018-12-12 12:09:16 +08:00
@liuxey 老哥,我之前用 Codemirror 试过,里面的代码提示,我要提示表里面的字段,有点难搞,下面的表我会弄,让后台把信息给我返回来,我自己做展示,老板对编辑器的要求,代码高亮,代码提示,代码格式化,自动缩进,很头大,我自己用 vue 写了一个 demo,可是效果不理想,除了 CodeMirror 还有其他好用的编辑器吗
Raisu
2018-12-12 12:10:42 +08:00
做个大概的不难,怕就怕每个细节,功能都要涉及到
liuxey
2018-12-12 12:14:14 +08:00
@moocean #4 我没做过 web 编辑器方面的产品,不过你可以看下 vscode 使用的 https://microsoft.github.io/monaco-editor/
或者去看看现在一些云平台使用的编辑器解决方案
tomoya92
2018-12-12 12:21:18 +08:00
at.js
xenme
2018-12-12 12:26:38 +08:00
编辑器丢个 input 拉大就行了
结果直接一个 div 显示出来执行结果完结。

再送老板一个 execute 按钮。

让你做语法解析提示啥的,就说不会。
shenyu1996
2018-12-12 12:27:01 +08:00
编辑器的话 看看 ace.js 呢 codemirror 也有对应的语法提示呀
xiaoxinshiwo
2018-12-12 13:32:52 +08:00
passerbytiny
2018-12-12 13:37:37 +08:00
@moocean #4 你需要的是换个老板。Navicat 光 mysql,一个标准版授权 1499 (超过 MS Office 全套),那是能说做就做出来的,而且还想要 web 版的。
suzic
2018-12-12 13:40:31 +08:00
同意楼上。做个 Navicat,咋不做个 windows 呢
loading
2018-12-12 13:48:07 +08:00
做出来简单,做好挺难。

后端呢
liprais
2018-12-12 13:50:36 +08:00
hue 或者 superset 搞一个就行了
freeman983
2018-12-12 14:05:40 +08:00
我们有现成的产品,wx:freeman983
moocean
2018-12-12 14:11:35 +08:00
@loading 先让我搞个 demo 出来,看能做不,后台现在还不启动这个
moocean
2018-12-12 14:15:24 +08:00
@liprais 谢谢老哥,我去看看
liprais
2018-12-12 14:16:14 +08:00
@moocean sql editor 开源的一大堆,上 github 搜搜就行了
话说为啥不用 zeppelin
moocean
2018-12-12 14:39:56 +08:00
@liprais 多谢老哥指点迷津,我们老板开始只给我一个 Codemirror 让我看,我用了,代码提示,高亮,这些都能搞出来,可是就是提示字段名字没有,今天来这里问有学到很多,我先都查查看看,再选一个用吧,老板事项弄个类似阿里云 RDS 那样的数据库管理系统,哎,我这菜鸟好心累,老哥您说的 zeppelin 我之前也没听过,我现在主要用 vue,要是能和 vue 结合用就最好了
jookr
2018-12-12 14:42:08 +08:00
https://www.adminer.org/
单文件管理 mysql

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/516822

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX