FlyFish2.0版本后端源码学习笔记

最新推荐文章于 2023-05-29 11:50:24 发布
VIP文章 最新推荐文章于 2023-05-29 11:50:24 发布
阅读量1k 收藏
点赞数
文章标签： javascript 前端 reactjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/awuyinbo/article/details/124578788
版权

代码整体结构

├── code-server                               #在线编辑器
│   ├── linux
│   └── macos
├── config                                    #初始化数据库配置文件
│   ├── database.${dev}.json
│   ├── node.development.js                   #入口文件
├── download                                  #大屏模块文件
├── log                                       #日志
├── migrations_init                           #数据库初始化
├── runtime                                   #运行时配置存储
├── src                                       #后端项目核心代码
│   ├── common                                #通用业务配置
│   │ ├── bootstrap                          #
│   │ ├── config                             #通用配置
│   │ │   ├── adapter                       #适配器配置
│   │ │   ├── config                        #通用配置
│   │ │   ├── extend                        #拓展配置
│   │ │   ├── middleware                    #中间件配置
│   │ │   ├── validator                     #自定义复杂校验规则,在logic中使用
│   │ ├── constants                          #枚举
│   │ ├── middleware                         #中间件
│   │ ├── model                              #Model层---M
│   │ │   ├── baseModel.js                  #定义了基本的CURD，其它所有的model都继承自它
│   │ ├── service                            #通用逻辑方法
│   └── web                                   #定制化业务-----实现具体业务逻辑
│     ├── config                              #业务配置
│     ├── controller                          #控制器层---C
│     ├── logic                               #前置后置操作---如字段校验、权限控制，其它通用逻辑
│     ├── model                               #数据库操作
│     ├── service                             #业务逻辑---数据处理、格式转换等业务逻辑操作
├── scripts                                    #项目部署脚本
├── storage                                    #
├── template                                   #大屏、组件模板
├── view                                       #html模板
├── www                                        #静态资源
│   ├── solution-platform-web
│   └── static
│   └── upload
├── Dockerfile                                 #dockerFile
├── options.json
├── options.json
├── pm2.json
├── README.md
├── startup.sh                                 #启动项目脚本

以上是代码的基本结构，使用的是基于MVC的thinkJS框架，但是通篇看下来，你是不是注意到，只看到了M(Model)和C(Controller)，唯独缺少View，所以View在哪？所以就带着这个问题继续学习下去。
先从thinkJS框架开始学习：
Config：通用配置，如上config所示，可配置项目各种配置，最后会根据运行环境合到一起；
Context：上下文，用户请求、回复数据存储对象以及状态透传；
Middleware：中间件，在配置与使用上类似于webpack的plugins，可使用各项函数(内置或引入)实现各项功能，所有的用户请求处理都是由middleware完成；
Logic：逻辑，其中的action与controller的action一一对应，可定义执行action的前置后置操作；
Controller：控制器，和.net的控制器的使用非常相似，其内会按照路由执行对应的action；
View：视图(这里就是答案了)，需要使用拓展来实现视图；
Router：路由，可自定义路由规则；
Adapter：适配器，解决一类功能的多种实现，配合extend，如view、数据库，view可以选择多种模板引擎，数据库可配置多种数据库，通过 think-helper模块中的 parseAdapterConfig解析；
Extend：拓展，支持的扩展类型为：think、application、context、request、response、controller、logic 和 service，框架内置的很多功能也是扩展来实现的，如：Session、Cache。

view是如何生成的

adapter.js里面配置view模板的目录为view里面的html模板，模板引擎为nunjucks，配合extend里面引入的think-view使用。

/**
 * view adapter config
 * @type {Object}
 */
exports.view = {
   
    type: 'nunjucks', // 这里指定默认的模板引擎是 nunjucks
    common: {
   
        viewPath: path.join(think.ROOT_PATH, 'view'),//模板文件的根目录
        sep
最低0.47元/天 解锁文章
awuyinbo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
netty权威指南第二版 maven版本源码
05-03
李林峰老师编写的netty权威指南（第二版）对应的源码 maven版本
飞鱼(FlyFish)
03-16
一款极为优秀的资料搜索、资料收集、资料数据库保存、资料浏览、资料批处理的专业工具软件，是学习、科研、开发人员的极好助手； 本地搜索功能较WINDOWS自带的搜索功能更为实用，并且功能在逐步增加； 可以按关键词的组合快速搜索各种文件类型或文件名的文件； 可以轻松编辑文件列表：反选择文件；选择全部文件；不选任何文件； 可以对列表中文件按“文件名”“文件路径”“文件大小”“文件创建日期”“文件修改日期”“文件搜索范围”“文件版本”进行进一步模糊查询，和轻松选定； 可以打开列表中任何文件或目录； 可以查看列表文件的详细信息； 可以批量大写或小写所选文件名或文件夹名； 可以用默认的程序打开所选文件名或文件夹名； 可以复制、移动和删除文件，在复制和移动文件时,对相同的文件名可以自动重命名...； 可以批量重置文件各种属性； 可以搜索网页文件，自带浏览器的极为方便，快捷； 可以保存和加载保存的搜索列表文件； 可以批量修改网页软件，替换或插入您需要的内容； 可以自动生成电脑中网页文件的索引文件； 可以定时自动快速浏览网页文件、WORD文件、文本文件的内容，每秒可以浏览几十个文件； 可以实现*.JS文件和*.HTM网页文件之间的转换； 可以将某个网页文件或某个目录下的所有网页文件内容导入数据库保存，可以将他人保存的数据导入自己的数据库中，便于数据信息交流 可以对数据库实现SQL查询； 利用本软件上网浏览网页，会自动将网页内容载入数据库保存； 软件窗口自动伸缩，便于浏览、切换...... 本软件的特点： 1、组合快速本地搜索，进一步的模糊查询和筛选； 2、快速智能网络搜索，自动网页过滤保存、数据库保存及数据库的查询； 3、方便的网页浏览，页面内容快速模糊查询
FlyFish开发者说｜开源低代码平台的体验与思考
Sharon0408的博客
09-08 916
本篇文章整理自FlyFish开发者Miss yy 的投稿。如果喜欢我们的项目，请不要忘记点击下方代码仓库地址，在 GitHub / Gitee 仓库上点个 Star，我们需要您的鼓励与支持。
分享｜开源项目-FlyFish使用攻略
Sharon0408的博客
11-09 1151
作者｜Cary Zhou（周凯） Cary Zhou（周凯）为云智慧智能研究院-技术创新实验室前端工程师，致力于云智慧开源项目FlyFish和LCAP产品的研发，支撑内部研发交付体系可视化业务线，拥有丰富的低代码平台和SaaS平台设计开发经验。 开源的低代码平台-Flyfish 近年来，数据可视化与低代码均已成为高热度词汇。企业决策者和业务人员通过数据可视化直观了解数据背后的信息。低代码具有快速、简易、高效、安全、维护、效率、沟通等优点，具体如下： 高复用：从原本一锤子的买卖，变成可以沉淀..
低代码平台FlyFish在云智慧的落地实践探索
Sharon0408的博客
06-06 565
本文由FlyFish项目PMC王海虎参加OpenTalk沙龙的主题演讲《低代码平台FlyFish在云智慧的落地实践探索》转录而来，AIOps社区在征得本人授权后发布讲师简介：王海虎，开源项目FlyFish项目PMC，云智慧研发经理，全栈工程师，主攻可视化、3D引擎、3D gis场景、低代码等方向。AlOps社区专家团成员。开源项目AntV贡献者，清华大学Thulab的DWF项目开发者之一。低代码能解决什么问题近些年，低代码逐渐成为技术圈内的热门概念，有人说低代码代表着未来的开发方向，也有人说低代码并不能真正
FlyFish｜前端数据可视化开发避坑指南（一）
Sharon0408的博客
05-20 528
FlyFish是云智慧开源的一款数据可视化编排平台。通过配置数据模型为用户提供上百种可视化图形组件，零编码即可实现符合自己业务需求的炫酷可视化大屏。 同时，FlyFish也提供了灵活的拓展能力，支持组件开发、自定义函数与全局事件等配置， 面向复杂需求场景能够保证高效开发与交付。
前端数据可视化开发平台FlyFish数据源应用教程详解
Sharon0408的博客
05-29 908
飞鱼（FlyFish）是云智慧开源的一款免费的数据可视化编排平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。在飞鱼产品中可以通过直接连接 MySQL 、 Oracle 等数据库直接从数据源中获取数据展示在可视化应用上，本文旨在为读者描述如何从数据源连接到数据展示在应用的步骤。
FlyFish-2.2.0 学习笔记
qq_34813134的博客
08-25 751
安装、部署、总结
收藏｜0 基础开源数据可视化平台 FlyFish 大屏开发指南
Sharon0408的博客
07-27 1014
FlyFish 是云智慧公司自主设计、研发的一款低门槛、高拓展性的低代码应用开发平台， 为数据可视化开发场景提供了高效的一站式解决方案。FlyFish提供丰富的组件和应用模板库， 可通过拖拉拽的形式完成数据可视化开发，零开发背景的用户也可完成数据可视化开发工作。 同时，FlyFish也提供了灵活的拓展能力，支持组件开发、自定义函数与全局事件等配置， 面向复杂需求场景能够保证高效开发与交付。...
FlyFish 2.1版本基本使用
weixin_43865681的博客
08-10 751
FlyFish是云智慧研究所发布的一款产品，有开源版本和企业版。本文讨论开源版使用
FlyFish｜前端数据可视化开发避坑指南（二）
Sharon0408的博客
08-24 306
FlyFish是云智慧开源的一款数据可视化编排平台。通过配置数据模型为用户提供上百种可视化图形组件，零编码即可实现符合自己业务需求的炫酷可视化大屏。 同时，FlyFish也提供了灵活的拓展能力，支持组件开发、自定义函数与全局事件等配置， 面向复杂需求场景能够保证高效开发与交付。
飞鱼(FlyFish) v4.5.461
11-01
一款极为优秀的资料搜索、资料收集、资料数据库保存、资料浏览、资料批处理的专业工具软件，是学习、科研、开发人员的极好助手。
sniperHW#flyfish#flygate的负载均衡1
07-25
代理切换的条件1）原代理的负载量-客户端发送量 > 均衡值2）负载最低的代理负载量+客户端发送量 均衡值乘以一个固定系数如果满足以上两个条件，更新原代理的负
飞鱼（FlyFish）是一个数据可视化编码平台
04-22
飞鱼（FlyFish）是一个数据可视化编码平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。
ncnn vulkan 以类的方式推理示例
最新发布
06-21
https://flyfish.blog.csdn.net/article/details/131323138
FlyFish部署问题记录
awuyinbo的博客
05-11 260
问题：服务器上部署docker容器，本地访问飞鱼平台，发现登录地址请求是127.0.0.1的地址； 解决：按照部署流程仔细检查了一下，发现配置文件www/static/solution_platform_web/config/ENV.production.js没有正确配置。 ...
【教程】用腾讯云搭建云智慧开源数据可视化编排平台—FlyFish
qq_31795757的博客
01-22 1840
飞鱼平台(FlyFish)是云智慧公司自主设计、研发的一款低门槛、高拓展性的低代码应用开发平台，为大屏开发场景提供了高效的一站式解决方案。零开发背景的用户也可以通过拖拉拽的方式完成大屏的开发交付工作。 依托于云智慧的行业项目实践，飞鱼沉淀了丰富的前端组件库与大屏模版库与大屏模板库，针对不同行业进行模版划分，能够更加精确地服务于各行业需求场景 引至知乎文章《云智慧开源数据可视化编排平台—FlyFish》 我们今天就来尝试一下用腾讯云来搭建飞鱼平台吧，个人推荐使用腾讯云轻量应用服务器（物美价廉），...
乘风破浪，探索数据可视化开发平台 FlyFish 开源背后的秘密
Sharon0408的博客
06-10 293
相比于传统报表，可视化大屏的更能让企业复杂业务产生的海量数据呈现地更加直观、简明且易于被人接收。本文将详细介绍低代码数据可视化开发平台 FlyFish 的功能特性以及 FlyFish 与其他热门数据可视化开发平台优劣势对比分析。...
FlyFish 2.0已发布，大屏开发应用更加灵活便捷
Sharon0408的博客
12-17 729
云智慧数据可视化编排平台-FlyFish 自开源至今已有2个月啦！在这期间，这款具有低门槛、高拓展性的应用开发平台，不仅为用户提供了数据可视化一站式解决方案，还获得了中国云联盟优秀开源项目奖，并成为Gitee最有价值开源项目（GVP）。与此同时，在云智慧AIOps社区中，因FlyFish汇聚了一群热爱开源与技术的小伙伴，与他们一同交流学习更是让FlyFish汲取了众多宝贵建议和反馈。近期，经过升级与优化后，FlyFish2.0版本正式发布。 较大改变： FlyFish 2.0 将拆分为组件开发和数据应用
FlyFish源码讲解3.0 Java
05-24
FlyFish 3.0 是一个基于 Java 开发的轻量级 Web 框架，它采用了 MVC 设计模式，具有简单易用、灵活高效、扩展性强等特点。下面我们来讲解一下 FlyFish 3.0 的源码。 1. 核心配置文件 FlyFish 3.0 的核心配置文件是 flyfish.properties，它位于 src/main/resources 目录下。该文件中定义了一些框架的基本配置信息，如数据库连接信息、视图文件存放路径、路由器类名等。以下是 flyfish.properties 文件的示例： ``` # 数据库连接信息 jdbc.driver=com.mysql.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/test jdbc.username=root jdbc.password=123456 # 视图文件存放路径 view.path=/WEB-INF/views/ # 路由器类名 router.class=com.flyfish.mvc.router.DefaultRouter ``` 2. 核心类 FlyFish 3.0 的核心类是 com.flyfish.mvc.DispatcherServlet，它是一个 Servlet 类，负责接收客户端请求并进行分发处理。该类的 doGet 方法中首先获取请求的 URI，然后根据 URI 获取对应的控制器类和方法，最后调用该方法并返回处理结果。 ``` protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String uri = request.getRequestURI(); Method method = router.route(uri); if (method != null) { try { Object result = method.invoke(controllerFactory.getController(method.getDeclaringClass()), request, response); if (result instanceof String) { request.getRequestDispatcher(viewResolver.resolve((String) result)).forward(request, response); } else if (result instanceof ModelAndView) { ModelAndView modelAndView = (ModelAndView) result; request.getRequestDispatcher(viewResolver.resolve(modelAndView.getViewName())).forward(request, response); } } catch (Exception e) { e.printStackTrace(); response.sendError(HttpServletResponse.SC_INTERNAL_SERVER_ERROR); } } else { response.sendError(HttpServletResponse.SC_NOT_FOUND); } } ``` 3. 控制器类 控制器类是 FlyFish 3.0 的核心组件之一，它们负责接收客户端请求并进行处理。控制器类必须实现 com.flyfish.mvc.Controller 接口，并且通常以 Controller 结尾。以下是一个示例控制器类： ``` public class UserController implements Controller { private UserService userService = new UserService(); @Override public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) { String action = request.getParameter("action"); if ("list".equals(action)) { List<User> userList = userService.getUserList(); ModelAndView modelAndView = new ModelAndView("user/list"); modelAndView.addAttribute("userList", userList); return modelAndView; } else if ("add".equals(action)) { String username = request.getParameter("username"); String password = request.getParameter("password"); String email = request.getParameter("email"); User user = new User(username, password, email); userService.addUser(user); return new ModelAndView("redirect:/user?action=list"); } else { return new ModelAndView("redirect:/user?action=list"); } } } ``` 4. 视图解析器 视图解析器是负责将控制器返回的逻辑视图名称解析成实际的视图文件路径的组件。FlyFish 3.0 中提供了两种视图解析器：InternalResourceViewResolver 和 JspViewResolver。以下是 InternalResourceViewResolver 的示例代码： ``` public class InternalResourceViewResolver implements ViewResolver { private String prefix; private String suffix; public InternalResourceViewResolver(String prefix, String suffix) { this.prefix = prefix; this.suffix = suffix; } @Override public String resolve(String viewName) { return prefix + viewName + suffix; } } ``` 5. 路由器 路由器是负责将请求 URI 映射到控制器类和方法的组件。FlyFish 3.0 中提供了 DefaultRouter 和 AnnotationRouter 两种路由器，其中 DefaultRouter 是默认的路由器实现。以下是 DefaultRouter 的示例代码： ``` public class DefaultRouter implements Router { private Map<String, Method> routeMap = new HashMap<>(); public DefaultRouter(List<Class<?>> controllerClassList) { for (Class<?> controllerClass : controllerClassList) { Method[] methods = controllerClass.getDeclaredMethods(); for (Method method : methods) { if (method.isAnnotationPresent(RequestMapping.class)) { RequestMapping requestMapping = method.getAnnotation(RequestMapping.class); String uri = requestMapping.value(); routeMap.put(uri, method); } } } } @Override public Method route(String uri) { return routeMap.get(uri); } } ``` 6. 数据库访问 FlyFish 3.0 中提供了 JdbcTemplate 类来简化数据库访问操作。以下是 JdbcTemplate 的示例代码： ``` public class JdbcTemplate { private Connection connection; public JdbcTemplate(String jdbcUrl, String jdbcUsername, String jdbcPassword) throws SQLException { connection = DriverManager.getConnection(jdbcUrl, jdbcUsername, jdbcPassword); } public <T> List<T> queryForList(String sql, RowMapper<T> rowMapper, Object... params) throws SQLException { List<T> resultList = new ArrayList<>(); PreparedStatement preparedStatement = connection.prepareStatement(sql); for (int i = 0; i < params.length; i++) { preparedStatement.setObject(i + 1, params[i]); } ResultSet resultSet = preparedStatement.executeQuery(); while (resultSet.next()) { resultList.add(rowMapper.mapRow(resultSet)); } return resultList; } public int update(String sql, Object... params) throws SQLException { PreparedStatement preparedStatement = connection.prepareStatement(sql); for (int i = 0; i < params.length; i++) { preparedStatement.setObject(i + 1, params[i]); } return preparedStatement.executeUpdate(); } public void close() throws SQLException { connection.close(); } } ``` 7. 安全过滤器 FlyFish 3.0 中提供了 SecurityFilter 类来实现基本的安全过滤功能。SecurityFilter 可以通过配置文件进行配置，支持白名单和黑名单两种模式。以下是 SecurityFilter 的示例代码： ``` public class SecurityFilter implements Filter { private Set<String> excludeSet = new HashSet<>(); @Override public void init(FilterConfig filterConfig) throws ServletException { String mode = filterConfig.getInitParameter("mode"); if ("white".equals(mode)) { String excludeList = filterConfig.getInitParameter("exclude"); String[] excludeArray = excludeList.split(","); excludeSet.addAll(Arrays.asList(excludeArray)); } } @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletRequest httpRequest = (HttpServletRequest) request; HttpServletResponse httpResponse = (HttpServletResponse) response; String uri = httpRequest.getRequestURI(); if (excludeSet.contains(uri)) { chain.doFilter(request, response); } else { httpResponse.sendError(HttpServletResponse.SC_FORBIDDEN); } } @Override public void destroy() { // do nothing } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值