w***g
发帖数: 5958 | 1 最近开始做用户界面了, 我想做得精致点, 过来求版上js大神建议.
已有的东西在这里:
http://www.aaalgo.com:18888/l?max_size=300&perturb=1&pert_angle=20&pert_color1=50&pert_min_scale=0.8&pert_max_scale=1.2
图片根据URL里的参数进行了随机变换, 用来训练deep learning.
这个界面的目的是要看到底变换出来的东西是什么.
目前这是页面没用ajax. 服务器随机产生一堆图片ID, 并把URL里的参数拷过去, 比如
http://www.aaalgo.com:18888/image?id=15&pert_max_scale=1.2&pert_min_scale=0.8&pert_angle=20&pert_color1=50&perturb=1&max_size=300
然后图片显示的时候就会做对应的变换.
masonry显示图片好像有问题, 得方大缩小一下才干活.
我想要实现几个效果:
1. 用ajax动态从服务器获取随机图片列表. 并且随着屏幕滚动加载更多的图片.
要是能把滚出屏幕的自动干掉就更好.
2. 屏幕左边搞一个固定不滚动的panel, 显示控件调整URL里那些参数. 用户调整后
按"apply"按扭, 所有图片通过ajax自动重载.
3. 我还想做一个首页显示数据库的各种统计图. 打算用d3. 但是最好有个主提框架.
之前我用的是https://startbootstrap.com/template-overviews/sb-admin-2/
如果没有更好的选择可能还是用这个.
我想求教有啥免费的主题/框架能把这个做的漂亮. 有啥时髦的库可以用.
服务器定了是C++/mustache, 所以只局限于前端js. 我的技术还停留在
jquery/bootstrap阶段. 我自己也想学, 就是需要内行的同学指个方向.
如果版上有同学想做点开源项目也欢迎贡献.不过我对代码的漂亮程度比较挑剔,
可能会比较唧唧歪歪. 纯ajax完全不需要会C++. 不过我的服务器只能在linux上跑.
我自己17年的生活费还没着落全, 自然也给不了钱. 不过项目完全开源, 所有的
credit都在commit log里. |
N*****m
发帖数: 42603 | 2 如果是简单的界面，就昨天讨论的vue吧
否则，还得angular/react，库多
【在 w***g 的大作中提到】
: 最近开始做用户界面了, 我想做得精致点, 过来求版上js大神建议.
: 已有的东西在这里:
: http://www.aaalgo.com:18888/l?max_size=300&perturb=1&pert_angle=20&pert_color1=50&pert_min_scale=0.8&pert_max_scale=1.2
: 图片根据URL里的参数进行了随机变换, 用来训练deep learning.
: 这个界面的目的是要看到底变换出来的东西是什么.
: 目前这是页面没用ajax. 服务器随机产生一堆图片ID, 并把URL里的参数拷过去, 比如
: http://www.aaalgo.com:18888/image?id=15&pert_max_scale=1.2&pert_min_scale=0.8&pert_angle=20&pert_color1=50&perturb=1&max_size=300
: 然后图片显示的时候就会做对应的变换.
: masonry显示图片好像有问题, 得方大缩小一下才干活.
: 我想要实现几个效果:
|
c******n
发帖数: 16666 | 3 你说的这些bootstrap + jquery就行
vue的问题是 现在ui库还是少 不过你要做的也差不多都有了
优点是做前端 逻辑比较直观 不想jquery要绕来绕去
缺点是vue就算简单 毕竟还是个框架 要花几天时间来跳坑
【在 w***g 的大作中提到】
: 最近开始做用户界面了, 我想做得精致点, 过来求版上js大神建议.
: 已有的东西在这里:
: http://www.aaalgo.com:18888/l?max_size=300&perturb=1&pert_angle=20&pert_color1=50&pert_min_scale=0.8&pert_max_scale=1.2
: 图片根据URL里的参数进行了随机变换, 用来训练deep learning.
: 这个界面的目的是要看到底变换出来的东西是什么.
: 目前这是页面没用ajax. 服务器随机产生一堆图片ID, 并把URL里的参数拷过去, 比如
: http://www.aaalgo.com:18888/image?id=15&pert_max_scale=1.2&pert_min_scale=0.8&pert_angle=20&pert_color1=50&perturb=1&max_size=300
: 然后图片显示的时候就会做对应的变换.
: masonry显示图片好像有问题, 得方大缩小一下才干活.
: 我想要实现几个效果:
|
c******n
发帖数: 16666 | 4 这是我现在主力用的vue家ui，国内 饿了吗出品
感觉还不错 你可以看一下 你要的几个我觉得基本上都有现成的了
http://element.eleme.io/#/en-US/component/installation |
N*****m
发帖数: 42603 | 5 框架还是得用
jquery太低端了，实在很难扩展
【在 c******n 的大作中提到】
: 你说的这些bootstrap + jquery就行
: vue的问题是 现在ui库还是少 不过你要做的也差不多都有了
: 优点是做前端 逻辑比较直观 不想jquery要绕来绕去
: 缺点是vue就算简单 毕竟还是个框架 要花几天时间来跳坑
|
c******n
发帖数: 16666 | 6 低端其实还行 有些syntax sugar还是有点意思
但是整体dom操作的思路 还是太老
比如v-if ng-if这种用jquery要多1 2行
v-for ng-repeat这种更不用说了
稍微大一点项目用到后来就是spaghetti code
用框架就是一个 是/否 来决定显示
【在 N*****m 的大作中提到】
: 框架还是得用
: jquery太低端了，实在很难扩展
|
g****t
发帖数: 31659 | 7 Who is your target customer?
要是我就用R+Shiny糙快猛试试。business loop先证明了.
效果好了再说别的。
https://shiny.rstudio.com/gallery/image-output.html
【在 w***g 的大作中提到】
: 最近开始做用户界面了, 我想做得精致点, 过来求版上js大神建议.
: 已有的东西在这里:
: http://www.aaalgo.com:18888/l?max_size=300&perturb=1&pert_angle=20&pert_color1=50&pert_min_scale=0.8&pert_max_scale=1.2
: 图片根据URL里的参数进行了随机变换, 用来训练deep learning.
: 这个界面的目的是要看到底变换出来的东西是什么.
: 目前这是页面没用ajax. 服务器随机产生一堆图片ID, 并把URL里的参数拷过去, 比如
: http://www.aaalgo.com:18888/image?id=15&pert_max_scale=1.2&pert_min_scale=0.8&pert_angle=20&pert_color1=50&perturb=1&max_size=300
: 然后图片显示的时候就会做对应的变换.
: masonry显示图片好像有问题, 得方大缩小一下才干活.
: 我想要实现几个效果:
|
w***g
发帖数: 5958 | 8 target user: 用deep learning训练图像模型的人。
这类人一般都用python。 所以R不行。
我得先有个fancy的UI才好给人去看。不然显得没诚意。
【在 g****t 的大作中提到】
: Who is your target customer?
: 要是我就用R+Shiny糙快猛试试。business loop先证明了.
: 效果好了再说别的。
: https://shiny.rstudio.com/gallery/image-output.html
|
w***g
发帖数: 5958 | 9 确实不错。 有没有整站模板可以直接改的？
还有现在的js轮子上来就用npm。 我不用node有点慌。
【在 c******n 的大作中提到】
: 这是我现在主力用的vue家ui，国内 饿了吗出品
: 感觉还不错 你可以看一下 你要的几个我觉得基本上都有现成的了
: http://element.eleme.io/#/en-US/component/installation
|
N*****m
发帖数: 42603 | 10 node/npm只是个工具而已
跟python pip类似，不用慌
【在 w***g 的大作中提到】
: 确实不错。 有没有整站模板可以直接改的？
: 还有现在的js轮子上来就用npm。 我不用node有点慌。
|
|
|
c******n
发帖数: 16666 | 11 npm其实基础的那些半小时就好理解了
webpack才是真正的wtf
上周我还像那个笑话一样 给别人展示了现在前端也要几百兆的依赖 也要编译了。。。
【在 w***g 的大作中提到】
: 确实不错。 有没有整站模板可以直接改的？
: 还有现在的js轮子上来就用npm。 我不用node有点慌。
|
w***g
发帖数: 5958 | 12 麻烦你帮我看下这货咋样. 似乎就是我想要的.
https://github.com/misterGF/CoPilot
【在 c******n 的大作中提到】
: 这是我现在主力用的vue家ui，国内 饿了吗出品
: 感觉还不错 你可以看一下 你要的几个我觉得基本上都有现成的了
: http://element.eleme.io/#/en-US/component/installation
|
c******n
发帖数: 16666 | 13 看上去不错啊 ui还是用的bootstrap 你之前还熟悉
用的也是vue2.0 我觉得可以搞！ |
w***g
发帖数: 5958 | 14 这个东西牛. 虽然我还完全不会vue, 但是已经把它和我的C++程序整合了.
而且原来我C++里用的boostache都不需要了, 一下子干净了好多.
现在整个网站完全打包在一个可执行程序里. 太爽了.
【在 c******n 的大作中提到】
: 看上去不错啊 ui还是用的bootstrap 你之前还熟悉
: 用的也是vue2.0 我觉得可以搞！
|
e*******o
发帖数: 4654 | 15 大牛这速度
【在 w***g 的大作中提到】
: 这个东西牛. 虽然我还完全不会vue, 但是已经把它和我的C++程序整合了.
: 而且原来我C++里用的boostache都不需要了, 一下子干净了好多.
: 现在整个网站完全打包在一个可执行程序里. 太爽了.
|
c******n
发帖数: 16666 | 16 大牛就是不一样 学啥都快
【在 w***g 的大作中提到】
: 这个东西牛. 虽然我还完全不会vue, 但是已经把它和我的C++程序整合了.
: 而且原来我C++里用的boostache都不需要了, 一下子干净了好多.
: 现在整个网站完全打包在一个可执行程序里. 太爽了.
|
w***g
发帖数: 5958 | 17 碰到问题还得来问你.
【在 c******n 的大作中提到】
: 大牛就是不一样 学啥都快
|
c******n
发帖数: 16666 | 18 前端坑多 共同学习
【在 w***g 的大作中提到】
: 碰到问题还得来问你.
|
c*********e
发帖数: 16335 | 19 你已经会用vue了？这么快！
【在 w***g 的大作中提到】
: 这个东西牛. 虽然我还完全不会vue, 但是已经把它和我的C++程序整合了.
: 而且原来我C++里用的boostache都不需要了, 一下子干净了好多.
: 现在整个网站完全打包在一个可执行程序里. 太爽了.
|
g****u
发帖数: 252 | 20 我一直在折腾npm, 以及c++的makefile怎么和npm run build产生的那套东西最终编译
到一块，同时又要能用npm run dev不重新编译就能调试js部分。昨天流程已经打通，
今天开始折腾vue这块。
我最近很迷portable app. 所有东西打包进一个exe程序，各种linux和win10上都能跑。
【在 c*********e 的大作中提到】
: 你已经会用vue了？这么快！
|
|
|
w***g
发帖数: 5958 | 21 vue确实不错. 已经更新了:
http://aaalgo.com:18888/
就是不在本地跑时加载超慢. 如果http gzip下应该能解决.
【在 c******n 的大作中提到】
: 看上去不错啊 ui还是用的bootstrap 你之前还熟悉
: 用的也是vue2.0 我觉得可以搞！
|
c*********e
发帖数: 16335 | 22 这个javascript文件是空的？
http://aaalgo.com:18888/static/js/copilot.js
【在 w***g 的大作中提到】
: vue确实不错. 已经更新了:
: http://aaalgo.com:18888/
: 就是不在本地跑时加载超慢. 如果http gzip下应该能解决.
|
c*********e
发帖数: 16335 | 23 恩，速度有点慢。
【在 w***g 的大作中提到】
: vue确实不错. 已经更新了:
: http://aaalgo.com:18888/
: 就是不在本地跑时加载超慢. 如果http gzip下应该能解决.
|
c*********e
发帖数: 16335 | 24 在linux里用npm把东西装了，然后去module里把那个folder拷贝，放到你的windows的
project的module里，就差不多了。
我一直在折腾npm, 以及c++的makefile怎么和npm run build产生的那套东西最终编译
跑。
【在 g****u 的大作中提到】
: 我一直在折腾npm, 以及c++的makefile怎么和npm run build产生的那套东西最终编译
: 到一块，同时又要能用npm run dev不重新编译就能调试js部分。昨天流程已经打通，
: 今天开始折腾vue这块。
: 我最近很迷portable app. 所有东西打包进一个exe程序，各种linux和win10上都能跑。
|
g****u
发帖数: 252 | 25 是的。干货都在webpack编译产生的js里。这次简直搞得我脑洞大开。你在浏览各个
tab
时看到的url其实都是js伪造的，其实几乎一切只是index.html. 我的c++服务器看到不
认识的url就自动返回index.html, 然后竟然就无缝整合了。初看很有诸法空相的感觉
，再看vue处心积虑地伪造现场，又觉得像matrix。好玩好玩。
【在 c*********e 的大作中提到】
: 这个javascript文件是空的？
: http://aaalgo.com:18888/static/js/copilot.js
|
c*********e
发帖数: 16335 | 26 c++服务器? 啥名字？
是的。干货都在webpack编译产生的js里。这次简直搞得我脑洞大开。你在浏览各个
【在 g****u 的大作中提到】
: 是的。干货都在webpack编译产生的js里。这次简直搞得我脑洞大开。你在浏览各个
: tab
: 时看到的url其实都是js伪造的，其实几乎一切只是index.html. 我的c++服务器看到不
: 认识的url就自动返回index.html, 然后竟然就无缝整合了。初看很有诸法空相的感觉
: ，再看vue处心积虑地伪造现场，又觉得像matrix。好玩好玩。
|
c******n
发帖数: 16666 | 27 嗯 一般用apache或者nginx哪怕是node还要自己手动写重导向
router里面加一个path为*的可以拉去404
是的。干货都在webpack编译产生的js里。这次简直搞得我脑洞大开。你在浏览各个
【在 g****u 的大作中提到】
: 是的。干货都在webpack编译产生的js里。这次简直搞得我脑洞大开。你在浏览各个
: tab
: 时看到的url其实都是js伪造的，其实几乎一切只是index.html. 我的c++服务器看到不
: 认识的url就自动返回index.html, 然后竟然就无缝整合了。初看很有诸法空相的感觉
: ，再看vue处心积虑地伪造现场，又觉得像matrix。好玩好玩。
|
