7.threejs充电桩科技风物联网管理系统可视化大屏管理系统

[复制链接]
查看: 1486   回复: 6     教程主体

265

主题

265

帖子

1494

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1494
2024-3-14 22:20:03   显示全部楼层   阅读模式  
1.png

单节购买160:点击跳转

整体项目效果预览https://www.bilibili.com/video/B ... id_from=333.999.0.0

成品前端首页预览效果:https://xiefansq.cn/threejsP/2024/4/11/#/
成品前端-首页-登录-后台预览效果:https://xiefansq.cn/threejsP/2024/4/16-1/#/

真.前后端项目https://xiefansq.cn/threejsP/2024/4/19/#/


成品前端首页源码下载地址:
游客,如果您要查看本帖隐藏内容请回复


本次我们的案例是一个 涉及到
--UI
--GLB模型拉调整
--vue前端
--django python后端

课程免费部分的ui预览教程



ui设计工程文件,仅对付费学员开放:

1.前端部分目前免费在b站开发浏览

因为跟付费课程核心部分有点边缘 我有点舍不得吧这些部分放到我的个人网站占带宽

由于ui动不动1个小时 我实在不想剪辑了 然后也不是我们课程核心部分就直接放出来吧

2.前端目前ui部分做的三张概念图

前台页面

前台.jpeg


登录页面

登录页面.png

后台页面

后天.png

3.顶层概念图和参考

顶层概念规划

顶层设计.png

设计参考
美术参考网站
vj光厂:https://www.vjshi.com/?auction_i ... tm_content=pinpaici

easyV:https://login.easyv.cloud/login

参考的目标对象.png

3.ui教程正式部分

正片直接跳转https://www.bilibili.com/video/B ... 76d9c0c0ed674116c57




教程正式部分


1模型得美术得积木搭建
2项目数据架构得顶层逻辑设计
3前后端项目得架构
4 打通前后台数据-上 架构基础测试页面逻辑
5 打通前后台数据-下 前端测试页面完善和书写后端接口
6.切图逻辑介绍公共ui的前端开发UI规划
7.公共ui标题的组件的书写
8 ui小标题的封装逻辑开发
9首页UI充电桩详情模块开发
10 运营收益 echart表格的开发
11 饿了吗Element 自定义Table表格书写
12 首页右侧UI设计 小小标签效果轻松拿下
13 中间和包围ui设计以及全局的一个宽高判断
14 三维模型导入进入threejs开发流
15 搞定threejs模型的页面加载前面画布小问题的修正
16 前后端点位数据的梳理 往前端地图上面撒点
17 threejs标签canvas映射 标签撒点和朝向摄像机运算
18 地图站点之间连线,原理逻辑,以及连线模型制作
19 地图线条shader 点位旋转动画 地图背景圆盘动画
20 点击交互盒子的添加以及悬浮交互的动画逻辑添加
21首页完结前端uiVUE组件和threejs场景的逻辑联动
22 登录页面的逻辑完结
23 后台编辑器页面的UI书写
24 后台三维场景的载入 三维场景ui界面的基础构建
25 后台撒点 洒标记标签 以及css3D标签画布拓展搭建
26 控制器TransomControl解耦threejs编辑器逻辑大作战
27 根据缓存threejs模型数据构建json数据发送给后台 完结项目


教程正片

游客,如果您要查看本帖隐藏内容请回复

















回复

使用道具 举报

0

主题

7

帖子

34

积分

新手上路

Rank: 1

积分
34
2024-3-15 01:22:45   显示全部楼层  
帅惨咯,大大无敌!!!
回复

使用道具 举报

0

主题

14

帖子

84

积分

注册会员

Rank: 2

积分
84
2024-4-11 09:34:25   显示全部楼层  
1111111111111111111111111111111
回复

使用道具 举报

0

主题

2

帖子

26

积分

新手上路

Rank: 1

积分
26
2024-5-9 15:19:56   显示全部楼层  
1111111111111111111111111111111111111111111111111111111111111
回复

使用道具 举报

0

主题

14

帖子

84

积分

注册会员

Rank: 2

积分
84
2024-5-23 15:10:48   显示全部楼层  
dfffffffffffffffffffffffffffffffffffffff
回复

使用道具 举报

0

主题

6

帖子

20

积分

新手上路

Rank: 1

积分
20
1231231231231
回复

使用道具 举报

0

主题

1

帖子

8

积分

新手上路

Rank: 1

积分
8
昨天 09:48   显示全部楼层  
帅惨咯,大大无敌!!!
回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司