企业官网建设流程全解析

简介：JNPF软件开发平台V3.4.2操作手册由福建引迈信息技术有限公司编制，是一份面向JNPF产品使用者的功能指南，适合低代码开发人员、项目实施与系统管理人员参考学习。压缩包内为单个PDF文件，大小40.01MB，目录涵盖在线开发、门户设计、大屏设计、报表设计、代码生成与系统管理六大模块，每个模块均按功能拆解为具体操作章节，结构清晰便于按需检索。手册详细介绍了表单设计、列表设计、流程设计和结果展示的在线开发步骤，门户与大屏的新建、地图、分类和数据源管理方法，以及功能表单、流程表单的代码生成流程；系统管理部分则覆盖系统配置、公告、调度、缓存、日志、监控和菜单权限等运维功能。目前已有1339人学习下载，可作为JNPF V3.4.2平台的上手教程与日常配置参考，帮助开发与管理人员快速定位功能、理解参数含义。

1. 程序员才做的软件，现在你也可以拖出来：先认识 JNPF 到底是什么

第一次听说 JNPF，你可能会冒出三个问题：它是个编程框架吗？是不是要会写代码才能用？我这种零基础的新手，碰它会不会太早？我第一次接触它的时候，这三个问题在我脑子里转了好几圈。把话说直白一点：JNPF 是一个低代码软件开发平台，它把过去一行行敲代码才能做出来的业务系统，变成了像拼乐高一样拖拖拽拽就能搭出来。表单、列表、审批流程、数据报表、大屏看板，这些传统开发里很费劲的东西，在这里都有可视化的编辑页面。你不用先学会 Java 或写前端，只需要理解业务逻辑，就能动手做出一个能真正运行的应用。如果你正想学一套能快速落地业务系统的工具，或者受够了被开发排期卡住的日子，这篇入门就能带你迈出第一步。

2. 先搞懂一个概念：低代码到底在解决什么问题

很多人第一次听到“低代码”三个字，容易把它理解成“代码少一点”，甚至觉得是“不用写代码的玩具”。这个误会如果带着上路，后面很容易翻车。这一章我们先把概念掰开揉碎，再告诉你 JNPF 真正帮你省掉的是什么。

2.1 “拖拽生成系统”到底是怎么一回事

传统开发一个管理系统，流程大致是这样的：业务部门提需求，开发人员写后端接口、建数据库表、写前端页面、联调、测试、上线。一套下来，少说几周，多则几个月。中间只要需求变一次，前后端都要跟着改，排期又往后推。

JNPF 换了一个思路：它把系统开发里最常用、最重复的部分，提前做成了一个个有图形界面的积木块。你负责拼积木，它负责把积木转换成真正能运行的代码和页面。比如你想做一个“客户信息登记表”，不用去写表单页面的 HTML 和 JS，直接在表单设计页面里拖一个文本框、一个日期控件、一个下拉选项，再把它们和数据库字段绑定好，保存以后一个能填数据的表单就生成了。

这里的关键是“绑定字段”。很多新手拖完控件就以为完事了，结果保存后发现数据存不进去，就是因为控件和数据库字段之间没有建立关联。在 JNPF 里，选择一个控件，右侧会有“控件字段”的属性，你要在这里选择它对应数据库里的哪个字段。如果字段不存在，还可以当场新建。这一步看着不起眼，却是整个表单能不能存数据的分水岭。

2.2 一句话看懂 JNPF 的六块核心能力

打开这份手册的目录，你会看到在线开发、代码生成、系统管理、系统权限、工作流程、扩展应用这六大块。对新手来说，把它们理解成一个装修队会更轻松。

这六块里，在线开发是绝对的核心，它对应着 JNPF 功能设计下的表单、列表、流程三大件。剩下的模块，可以理解为围绕这个核心的配套服务。系统管理负责平台的日常运转，系统权限负责分清楚谁能干什么，工作流程负责让表单在不同人之间转起来。

2.3 什么样的场景真正需要它

你可能会问：这东西适合我吗？我举个最典型的场景。某个公司的行政部想要一个“办公用品领用登记系统”，功能很简单：一张领用表单，一个记录列表，一个审批环节。如果走传统开发，你得排期、提需求、等上线；用 JNPF，行政人员自己在功能设计里新建一个表单，拖几个控件，再做列表和流程，当天就能用上。

所以 JNPF 最适合三类人：第一类是懂业务但不会写代码的人，比如行政、运营、项目助理，他们能把线下纸质流程变成线上应用；第二类是刚入行的开发新手，需要一个平台快速理解业务系统是怎么组装出来的；第三类是需要快速验证想法的开发者，比如做个内部工具原型，先跑起来再谈要不要精细打磨。这份 v3.4.2 的手册，就是围绕这些场景，把每个操作步骤都掰开讲清楚了。

3. 零基础第一个例子：用 JNPF 拖出你的“报销申请”表单和列表

概念讲得再多，不如亲手做一次。这一章我会带你从零走通一个最小例子：做一个“报销申请”表单，再看它变成可查询的列表。整个过程你会完整走一遍 JNPF 在线开发的核心路径。

3.1 打开功能设计页面，先认识这个“主入口”

进入系统后，在左侧菜单找到“在线开发”，点击“功能设计”，这是 JNPF 里最核心的工作台。页面顶部有一排操作按钮：查询、重置、刷新、导入、新建表单。基本信息很简单，查询和重置是配合列表用的，刷新是让你在做完改动后看到最新状态。

点左上角的“新建表单”，会弹出一个选择窗口，让你决定新建三种类型中的哪一种：表单、列表、流程。这里要先把区别说清楚。表单是单张录入界面，适合做登记；列表是“表单 + 表格”的组合，适合做台账；流程是带审批环节的表单，适合做需要多人协作的场景。第一个例子建议先选“表单”，等摸熟了再加审批。

3.2 第一步：新建一个表单，把主表和子表弄清楚

选择“新建表单”后，会进入基础设置页面。这里需要填表单名称、分类等基本信息。最关键是下面这个设置项：数据连接。

如果你不选任何数据连接，JNPF 会在流程新建完成后，自动帮你建数据表。它的命名规则是：主表叫“mt + 功能ID”，子表叫“ct + 雪花ID”。对新手来说，这个名字看起来像天书，但你不用慌，这是系统内部的牵线逻辑，你只需要知道“它已经自动建好了表”就行。

如果你希望数据落到自己指定的表里，可以下拉选择已经配置好的数据连接，然后点“新增一行”按钮，在弹出的窗口里选择数据库表。这里支持单表或者多表。选多表时，系统会要求你配置子表的外键字段和关联主键，让主表和子表之间建立关联。我的建议是：第一次练习直接用默认的自动建表，把主表子表的概念先跑通，再考虑自定义数据源。

3.3 第二步：拖控件的时候心里要有“字段”这根弦

填完基础设置，点“下一步”进入表单设计页面。左侧是控件区，有基础控件、高级控件、系统控件；中间是画布；右侧是属性配置区。选择左侧的“单行输入”，点击或拖到中间画布，一个控件就放上去了。重复几次，放入“数字输入”和“日期”控件，形成一张报销申请单的雏形。

现在关键的一步来了：选中画布里的任意一个控件，右侧会出现它的属性配置。找到“控件字段”，下拉选择它对应的数据表字段。因为你用的是自动建表，这里可以选择系统预先生成的字段，也可以点添加按钮新建自定义字段。新手最容易翻车的地方就在这一步——控件拖上去了，但“控件字段”没选，结果数据存不进去。

在控件属性里还可以配置“组件事件”，支持“发生变化时触发”和“失去焦点时触发”两种时机。比如想让“报销金额”输入框在失去焦点时自动校验，可以写一段简单的 JavaScript：

// 失去焦点时触发的事件 if (this.value > 5000) { // 超过 5000 元，给出提示 this.$message.warning('金额超过 5000 元，需要走总监审批'); }

这里this.value取的是当前控件的值，$message.warning是平台提供的弹窗提示方法。你可以把它理解成“当用户填完这个框、鼠标一离开，这段代码就跑一遍”。每个控件的属性面板都不一样，但“控件字段”这个参数几乎每个控件都有，你只要记住：凡是打算存进数据库的控件，就一定要把字段挂上。

3.4 第三步：把表单升级成列表，加上查询功能

表单做好后，回到功能设计列表，找到刚才创建的表单。很多新手到这里以为结束了，但业务场景里几乎都会有一个诉求：我想看所有人填过哪些记录。这就需要把表单升级成列表。

回到新建表单的选择窗口，这次选择“列表”类型。进入后你会发现，它比表单多了一个“列表设计”页签。基础设置和表单设计的过程，和刚才一模一样，你可以把之前做好的表单配置复制过来。区别就在列表设计这个环节。

列表设计页面会展示已经绑定字段的列。默认情况下，表单里的字段会以列的形式显示。你要做两件事：第一，勾选哪些字段要在表格里展示，比如“报销人”“报销事由”“报销金额”“报销日期”；第二，配置查询字段。比如让用户按“报销人”和“报销日期”筛选数据，就在查询设计里把这两个字段加进去。配置完成后保存，这个列表应用就同时具备“填单”和“回看记录”两个能力了。

3.5 保存后发生了什么：JNPF 是怎么自动建表的

整个配置过程中，你可能有一个疑问：设计界面里没看到建表语句，数据库表到底怎么来的？这就是 JNPF 零代码体验的精髓。你在表单设计里添加的每个控件，只要绑定了“控件字段”，JNPF 就会在后台自动创建或者更新对应的表结构。

提示：在表单属性里，有一个“主键策略”选项，支持雪花 ID 和自增长 ID。流程保存后主键策略不可修改，所以创建之前先想清楚你的数据量级。雪花 ID 是分布式场景下很常见的方案，自增长 ID 更直观，适合小数据量。

另外表单属性里还有个“并发锁定”开关。开启之后，系统会加乐观锁机制，当两个人同时提交同一份表单时，能避免后提交的人把先提交的数据覆盖掉。做报销、工单这类并发提交比较多的场景，建议你把这个开关打开。

在组合表设计上，JNPF 支持副表和子表两种结构。副表适合把固定信息横向扩展，比如报销单的基本信息和财务信息分两张表；子表适合一个表单里有多条明细的情况，比如一张报销单里有多笔费用明细。子表控件在组件库里能找到，先把子表关联到基础设置里添加的子表，再往子表区域拖控件，并在右侧属性里关联各自的控件字段，就能实现“一单多明细”的效果。

4. 从表单到审批：工作流程、门户和大屏该按什么顺序学

第一个表单跑通之后，你的信心应该有了。接下来最顺理成章的进阶方向是给表单加上“审批流转”，也就是工作流程模块。这一章我给你一条清晰的进阶路径，让你分清轻重缓急。

4.1 什么时候才需要学流程：从报销单说起

还是拿报销单举例。表单做好后，员工可以填单，但填完给谁审批？财务怎么知道这笔钱核没核销？如果没有流程，这些全靠线下沟通，线上线下两张皮。JNPF 的工作流程模块，就是解决这个问题的。

在“工作流程”菜单下找到“流程设计”，点“新建”，你会看到三个页签：基础信息、表单设计、流程设计。基础信息是填流程名称和分类，表单设计就是你已经熟悉的拖拽操作，流程设计才是这个模块的重头戏。它是画流程图的地方，你可以把“发起申请”“部门审批”“财务复核”“办结”这几个节点拖出来，连成一条线。

4.2 流程设计里值得记住的五个关键词

在 v3.4.2 这个版本里，流程功能补强了不少。作为新手，先记住五个关键词就够了。

第一个是“候选人”。一个审批节点不是只能指定某一个人，它可以指定一组候选人，任务分派给他们后，其中任意一个人处理，这个节点就算通过。第二个是“子表传递”。报销单里的多笔明细，在审批时也要跟着主表信息一起流转，开启子表传递后，审批人才能看到完整数据。第三个是“超时提醒”。节点设置了超时时间后，系统会自动提醒审批人，不用你天天盯着催。第四个是“自动同意”。某些低风险节点，比如行政类的例行申请，可以设置条件满足时自动通过，不用每次手动点。第五个是“异常处理”。如果某个节点没人处理或流程卡住，系统可以按预设规则自动转到指定节点，而不是让流程永远悬在那里。

这五个关键词，你第一次接触时不用全记住，只要知道流程设计里藏着这些能力，真到用时知道去哪里查手册就行。真正的重点是把“节点”和“连线”这两个概念吃透：节点是要做的事，连线是流转的方向。

4.3 大屏和门户：别被“大”字吓到

做了表单，跑了列表，管了流程，你的下一个里程碑可能是“大屏”。很多人一听到大屏设计，就觉得是给领导看的复杂可视化系统，其实 JNPF 的“大屏设计”也没那么高不可攀。

在“在线开发”下的“门户设计”和“大屏设计”，逻辑和表单设计是一脉相承的。门户设计是搭一个系统首页，把常用功能、待办事项、通知公告摆在一个页面里；大屏设计是拖拽图表组件，把数据以折线图、柱状图、地图等形式展示出来。大屏管理里可以做分类管理，把不同主题的大屏分门别类；地图管理支持地理数据展示；数据源管理则是给大屏指定数据从哪来。

新手学大屏，我建议先别追求视觉效果，把重点放在“数据源管理”上。搞清楚大屏展示的数据来自哪个数据接口或数据表，比研究怎么配色重要得多。数据源没配对，后面所有的图表都是空的。

4.4 系统管理到底管什么：新手先抓这四个模块

“系统管理”这个大模块下还有很多子模块，新手容易一进去就迷路。我建议按以下顺序抓重点：系统配置、系统菜单、数据应用、系统日志。

系统配置里做的是基础设置、安全设置、第三方设置，相当于平台的“总闸”。安全设置里能找到登录方式、图形验证、锁定账户等选项，第一次部署时可以改一改。系统菜单是入口的骨架，新建菜单、导入导出、按钮权限、列表权限、表单权限、数据权限都挂在这里。数据应用下则是数据连接、数据建模、数据字典、数据接口、接口认证、数据同步这些内容，它们管的是“数据从哪里来、长什么样”。

注意：系统菜单里有个“同步菜单”的操作。当你改了功能设计，新增了表单或列表，记得去同步一下，否则新的功能可能不会出现在前端页面上。这是我见过的新手最容易漏掉的一步。

系统日志是排查问题用的好帮手，谁在什么时候做了什么操作，都能在这里找到记录。剩余的系统公告、系统调度、系统缓存、系统监控之类的模块，用到时再翻手册也不迟，它们属于运维型功能，不阻碍你入门。

5. 新手最容易翻车的 5 个地方：这些坑我替你踩过了

这一章我不讲新功能，专门讲血泪经验。以下五条，是新手在 JNPF 上最常遇到的翻车现场，每一条我都按“现象 → 原因 → 解决”给你写清楚。

5.1 表单保存了却没数据：大概率是字段没挂到数据表

现象：在表单页面填了一堆内容，点保存，系统提示成功，但打开列表空空如也，或者数据库表里没有任何记录。

原因：这是最经典的新手失误。控件是拖上去了，但它的“控件字段”属性没有选择，等于这个控件只是一个摆设，没有和数据库表的任何字段绑定关系。系统不知道把填进去的内容存到哪一列，自然就丢弃了。

解决：回到表单设计里，把要保存数据的控件逐个选中，在右侧属性区域找到“控件字段”，下拉选择对应的字段。如果没有现成字段，就新建一个再绑定。改完后保存重新测试。我习惯的做法是，每拖一个控件就立刻绑字段，绝不攒到最后一起做，这样出错时能立刻定位。

5.2 列表查询“查不出来”：先看查询字段，再看数据权限

现象：列表做好了，查询条件也加了，但点查询后返回的结果不对，要么查不到，要么查出来的数据缺了一部分。

原因：这个问题通常是两个原因叠加造成的。第一，查询字段没有配置到列表的“查询设计”里，系统根本不知道你想按什么过滤。第二，当前登录用户的数据权限限制了可见范围，比如他只能看自己创建的数据，而你用管理员账户之外的账号去测试时，发现数据“变少了”。

解决：先到功能设计的列表设计里，把需要参与过滤的字段加进查询字段。然后用管理员账号排查数据权限，在系统权限的角色管理里看一下该角色数据权限是什么范围，是本人、本部门还是全部。测试阶段为了方便，可以先给测试角色放开数据权限，等功能没问题了再收紧。

5.3 流程发起后数据没写进去：主表子表的外键是关键

现象：流程审批都走完了，流程也没报错，但打开业务列表发现表单数据没有进去，或者主表有记录子表是空的。

原因：新建流程时，如果你选择了多表结构的数据连接，系统要求在基础信息页面配置子表的外键字段和关联主键，让主表和子表能关联起来。漏掉这一步，子表数据在保存时就找不到自己的“父亲”，就丢失了。

解决：回到流程的基础设置，检查是否选择了主表和子表，并确认外键字段已正确关联。关联原则是标准的数据库关系设计：子表里添加一列，存主表主键的值，以此把子表记录挂到主表记录下面。

5.4 改了配置不生效：先清缓存，再同步菜单

现象：明明在功能设计里把表单的字段改了，也保存了，但前端页面还是老样子。有时候新加了一个表单，菜单里根本找不到。

原因：JNPF 有系统缓存，配置改动后可能需要刷新缓存才能生效。另外，新功能不经过“同步菜单”这一步，前端导航是不会自动多出入口的。

解决：去系统管理下的“系统缓存”，执行一次清理动作，把缓存刷新掉。同时在系统菜单里找到同步菜单的操作，重新同步。顺序上建议先清缓存再同步菜单，然后重新登录系统。这一套组合拳能解决绝大多数“改了没反应”的玄学问题。

5.5 权限看着都勾了，别人还是进不来：按钮权限和数据权限是两回事

现象：你在角色管理里给某个角色分配了“系统管理”的权限，但该角色的用户登录后还是看不到菜单，或者看得到菜单但点进去没有操作按钮。

原因：JNPF 的权限体系是分层的。菜单权限决定能不能看到模块，按钮权限决定能不能操作某个具体动作，数据权限决定能看哪些数据。这三者是相互配合的，缺一层都不行。你以为“给了角色权限”就全通了，其实只是通了第一层。

解决：在系统权限的角色管理里，进入“角色权限”设置，确认三块都配了。菜单权限勾选大项，按钮权限勾选你要开放的动作，如新增、编辑、删除、导入、导出；列表权限、表单权限分别约束列表字段和表单字段的可见性；数据权限设置数据范围。对新手来说，一条实操建议是：先按角色把菜单和按钮配齐，再去调整数据权限，层级从大到小不容易乱。

6. 下一步学什么：一份照着做就行的小白学习顺序

到这一章，你已经把 JNPF 最核心的开发路径走通了一遍。“下一步学什么”这个问题，我的答案是：别再继续零散地看功能了，而是找一个完整的业务场景，把它从头到尾做透。

扩展应用模块里有现成的功能示例、门户示例、报表和大屏示例，还有订单管理、项目管理这种完整的业务示例。这些就是最好的模仿对象。我的学习方法是：不看任何说明，先自己去尝试配置，卡住了再翻手册，整个流程走通一遍后再对照示例找差距。这个过程比泛泛地翻手册要有效得多。

关于这份 v3.4.2 操作手册本身，我建议第一遍只先通读在线开发和系统权限这两章，其余章节全部当成工具书用到再查。工作流程那章比较长，等做到审批场景时再精读。从那以后，我每次拿到新平台的第一天，都强制自己先跑出一个完整的小例子再学别的高深功能——这个习惯帮我少走了很多弯路，希望帮到你。

本文还有配套的精品资源，点击获取