问题：
菜鸟想做一个很简单的网站，需要在网页上生成一些简单框图和连线。
想请问大侠这个用什么东西完成比较合适？请推荐一个简单框架。多谢。
方法：
如果只有横线好竖线的话用DIV就可实现，图新可以图片来实现，如果有斜线或者曲线的话就比较麻烦了，也可以用图片来实现，然后用相关的算法来确认图形在图片中的位置。



不知道lz到底要实现什么样的效果，最好画个草图并加以描述。

低功耗蓝牙（BLE）为各种通信方案定义了一个框架。它允许设备发现彼此，广播数据，建立连接以及许多其他基本操作。
主要目标是专注于为BLE堆栈的以下元素定义的过程：
“通用访问配置文件”（GAP）：广告，扫描和连接。
“通用属性配置文件”（GATT）：主要服务发现，GATT特征操作，通知和指示。
“安全管理器”：配对和绑定。
为了全面介绍这些过程，将使用一系列顺序图，重点放在以下各项上：
BGAPI函数调用。
消息通过空中交换。
BLE堆栈引发的事件。
此外，根据上下文（GAP或GATT协议），序列图将使用主从节点或服务器和客户端的术语。
1）通用访问配置文件（GAP）
为了使两个设备A和B建立BLE连接，必须进行以下操作：一个设备（例如A）必须进行  广告发布，而另一个设备（例如B）必须  扫描  可连接设备。结果，只有扫描设备B可以发起连接。那么，扫描设备B是主设备，而广告设备A是从设备。
1.1）广告和扫描
BLE实现了时分双工方案。这意味着在给定的频道上，一条  物理链路上正在进行双工通信（即发送和接收数据）  。例如，这与有线串行链路不同，在有线串行链路中，TX和RX线将分别用于传输和接收。
结果，可以使用一组定义的可调定时参数：广告间隔，扫描间隔，扫描窗口。有关更多信息，请参考BLE  核心规范  。
广告商定期将广告包发送到任何侦听设备。扫描程序开始监听，并且每次接收到广告包时都会引发“扫描响应”事件。广告包传达一些有用的信息，例如广告商蓝牙地址。最终可以使用这些信息来建立连接。
有两种扫描方法：被动和主动。在被动扫描中，扫描仪仅接收广告包。在主动扫描中，扫描仪会向广告商发送“扫描请求”消息，其中包含扫描仪的蓝牙地址及其地址类型。
注意：本文不涵盖扩展广告。
1.2）连接成功
扫描仪从广告商那里收集了所有必要的信息后，便可以连接到它。以下顺序图说明了为了成功建立连接而进行的步骤：
请务必注意，扫描仪是启动连接的扫描仪。
1.3）连接启动失败
连接启动失败的发生可能有两个原因：连接启动被取消或超时。设备可以在创建后立即取消挂起的连接。从站必须在给定的时间间隔内响应主站。BLE标准将固定的六个连接间隔数定义   为主机可以保持静默（例如，不发送任何数据包）的限制。如果主机（主机或从机）之一保持沉默的时间更长，则将断开连接。
在此示例中，经过了  六个连接间隔，  但未从从站接收到任何数据通道PDU。结果，连接断开。同样，如果主机在相同的时间间隔内无法将数据通道PDU发送到从机，则连接将断开。
注意：这与监管超时不同。它仅适用于连接发起，换句话说，存在至少一个成功的连接事件，在该事件中，主机和从机之间交换了数据包。
1.4）更新连接参数
建立BLE连接后，可能需要进行一些参数调整。为此，主机，主机或从机都可以触发“连接参数请求”过程。该过程可以在连接启动期间在链路层级别（即，在没有应用程序请求的情况下）触发。BGAPI实现例程  gecko_cmd_le_gap_set_conn_parameters（）  来预设参数值。启动连接后，仍然可以在任何时间通过调用 应用程序层中的例程gecko_cmd_le_connection_set_parameters（）来更新连接参数  ：
此外，上面的序列图还显示了“ GATT MTU交换”子过程。
ATT协议默认将最大传输单元（MTU）定义为23字节。如果连接的两个设备可以支持更大的ATT_MTU值，则触发“ GATT MTU交换”过程以设置ATT协议MTU。在连接发起期间，该过程仅应发起一次。
请注意，在连接会话期间，安全模式和数据通道PDU有效负载长度可能会有所不同。
注意：在“连接参数请求”过程中，主站始终优先于参数决定。换句话说，主机始终具有用于参数协商的“最后一个字”。
2）通用属性配置文件（GATT）
GATT为Bluetooth SIG或用户定义的所有配置文件提供了一个框架。蓝牙配置文件使用分层结构实现：
服务：它们包含在GATT条目中，这些条目将彼此相关的属性分组在一起。
特点：它们是数据容器。特征包括一个  声明  （标签）和一个  值。
描述符：放置在特征下，它们提供有关特征及其值的附加信息。
GATT database
*--> Services
        |
        --> Characteristics (always placed under a service)
                  |
                  --> Descriptors (always placed under a characteristic)
BLE规范将单个服务中的所有属性称为  服务定义。
2.1）主要服务发现
主要服务是GATT服务的标准类型，包括GATT服务器公开的相关标准功能。换句话说，服务是特征的集合。结果，建立连接时，GATT客户端必须能够发现可用的服务。
该过程遍历GATT数据库的所有可用服务，   为发现的每个主要服务生成evt_gatt_service事件。到达列表的末尾后，  堆栈  将引发evt_gatt_end_procedure。
一旦客户端获得了服务的句柄范围，就会存在类似的过程，以便检索该服务下的特征的完整列表。
2.2）特征
如前所述，特征是数据容器。它们包含一个  声明  （标签）和一个  值。
有多种类型的特征：
'hex'或'utf-8'特性：它们包含在BLE堆栈内部维护的hex或utf-8值中。
“用户”特征：用户特征在应用程序级别上维护。换句话说，收到读/写命令时，应用程序有责任执行适当的操作。
此外，根据给定的特性，可以执行不同类型的读/写操作。我们将在此处着重执行以下过程：
读/写用户特征。
长时间读取/写入用户特征。
通知和指示
在此我们将不描述以下子过程：
读取多个特征
没有回应就写
签名写，无回应
可靠的写入
有关这些过程的更多信息，请参考BLE  内核规范  和  KBA_BT_0304：不同的特征值类型
2.2.1）读/写十六进制和utf-8类型的特征
BLE堆栈管理这些特性的读取和写入操作。如果是读取，则在接收到“读取请求”后，服务器堆栈将发送回“读取响应”，其中包含如下所示的特征值：
以下序列图描述了写操作：
“写入响应”仅包含一个错误代码，指示写入是否成功。
请注意，如果达到有效负载的最大长度，则BLE堆栈会自动使用读/写长特性。
2.2.2）读取用户特征
“读取特征值”过程是通过  gecko_cmd_gatt_read_characteristic_value（）  BGAPI命令实现的。在此过程中，特征长度必须小于或等于最大有效负载，即（ATT_MTU-1）字节。换句话说，特征的长度必须适合一个“读取响应”。
数据通过“读取响应”从服务器发送到客户端。然后，客户端应用程序可以通过“ evt_gatt_characteristic_value”事件检索数据。
如果该特性不适合一个“读取响应”，则 可以使用通过gecko_cmd_gatt_read_characteristic_value（）例程实现的“读取长特性值”过程  。如果有效载荷大于（ATT_MTU-1），则堆栈将使用gecko_cmd_gatt_read_characteristic_value_from_value（）自动打包并发送数据  。调用gecko_cmd_gatt_read_characteristic_value_from_value（）并不是应用程序的责任  ，而是，应用程序仍将使用  gecko_cmd_gatt_read_characteristic_value（）  例程。下面的序列图描述了使用偏移量例程的“读取长特征值”机制。
客户端通过（ATT_MTU-1）字节块读取特征。客户端堆栈保留并更新用于读取请求的字节偏移量。
2.2.3）写出用户特征
“写入特征值”过程是通过  gecko_cmd_gatt_write_characteristic_value（）  BGAPI命令实现的。在此过程中，特征长度必须小于或等于最大有效负载，即（ATT_MTU-3）字节。与“读取特征”类似，特征的长度必须适合一个“写入请求”。
对于更长的特征，可以使用同一命令在远程GATT数据库中写入特征。如果有效负载不适合一个请求，则在调用gecko_cmd_gatt_write_characteristic_value（）时会自动使用“长写”过程   。该值在服务器端被缓冲，直到发送完所有数据为止。服务器接收到所有数据后，客户端可以发出“执行写入请求”以触发远程GATT数据库中的有效写入。
如果操作成功，   服务器将发送evt_gatt_procedure_completed。
2.2.4）通知和指示
服务器启动的更新可以从GATT服务器发送到客户端，而无需客户端请求。这具有节省功率和带宽的优点。服务器启动的更新有两种类型：通知和指示。在这两种情况下，都必须先使用gecko_cmd_gatt_set_characteristic_notification（）在远程GATT服务器上启用该过程   。
通知包括特征的句柄（即其标识符）和值。客户端收到通知，但不将任何确认发送回服务器。
另一方面，这些指示具有相同的行为，但需要客户端以确认的形式进行明确确认。如果客户端未发送确认，则服务器将不发送进一步的指示。
指示使用与通知相同的属性协议功能。
3）安全管理器协议（SMP）
安全管理器（SM）既是协议，又是一系列安全算法，旨在为Bluetooth协议栈提供生成和交换安全密钥的能力，然后使对等方可以通过加密链路安全地通信，以信任身份最后，在需要时隐藏公共蓝牙地址，以避免恶意的对等方跟踪特定的设备。
（上述文章阐述归伦茨科技公司所有，转载请注明出处，更多相关信息欢迎关注微信公众号：lenze_tech或微信号：lenzetech，点击http://www.lenzetech.com/)

	

如何使用亿图软件？？？
01
首先我们需要先下载这个软件，我刚刚试了一下网页版本的，是不太好弄的，所以还是建议直接下载，然后进行登陆，登陆之后就会看见以下的图示，然后根据自己想要做的流程图选择不同的类别：
02
第二步：正式开始制作流程图，会出现以下的界面，它直接会显示有框架，如果自己不喜欢原有的，可以全部删除之后重新做。将左边的流程图形状直接拉入到编辑框里就可以了，再在流程框里输入文字即可。
03
第三步：如果需要修改流程框的形状，鼠标右键点一下需要修改的框，再鼠标左键点一下，就会看到以下的页面，选择替换形状即可。
04
第四步：根据自己想要做的流程图编辑箭头和文本框， 箭头直接点击红色部分，直接拉动，就可以呈现自己想要的箭头方向，流程框直接从右边拉出即可。
05
第五步：调整颜色和形状，根据已经做完的流程图选择合适的颜色和形状，还可以在流程图旁边添加批注，右边的选色是主题颜色，并不能选择每一个流程框的颜色。
06
第六步：细微调节一下每个流程框的颜色，选择单色填充，在颜色那选择自己喜欢的颜色就OK啦。
07
第七步：将自己做好的流程图点击开始→保存即可：以下是自己做的流程图，How a Bill Becomes a Law流程图，还没有完善，只是做了一部分，仅供参考。
!
First of all, we need to download thissoftware. I just tried the web version, which is not easy to get, so I suggestdownloading it directly and then logging in. After logging in, you will see theicon, and then choose different categories according to the flow chart you wantto do:
Step 2: Start making the flow chartformally, and a new interface will appear, which will directly display theframe. If you don't like the original one, you can delete it all and do itagain. Just pull the flow chart shape on the left directly into the edit box,and then enter the text in the flow box.
Step 3: If you need to modify the shape ofthe flow box, click the box to be modified with the right mouse button, thenclick with the left mouse button, and you will see the page below. You canselect the replacement shape.
Step 4: Edit the arrow and text boxaccording to the flow chart you want to do. Click on the red part of the arrowdirectly and pull it directly to show the direction of the arrow you want. Pullthe flow box directly from the right.
Step 5: Adjust the color and shape, andchoose the appropriate color and shape according to the finished flowchart.Step 6: Slightly adjust the color of each flow box, select monochrome filling,and choose your favorite color in the color. Add comments. The color on theright is the theme color, and the color of every flow box cannot be selected.
Step 7: Click Start → Save the self-madeflow chart: The following is the self-made flow chart, How a Bill Becomes a Lawflow chart, which is not perfect yet, only part of it has been done forreference only.
本文由LearningYard学苑原创，欢迎关注，带你一起长知识，带你一起飞！
参考资料：百度搜索；翻译：谷歌翻译。
如文章内容涉及侵权，请私下沟通处理，谢谢！
文案|刘敏
排版|刘敏
审核|王梦雪
你的一个“分享”
让我们之间的距离又近了一步

前言：哎，上次因为弄到凌晨4点快了，自己又超级困了，就没怎么仔细弄，关于这个地图显示还是有很多问题的，比如当你缩放窗口的时候，那些图片之间（也就是JLabel的jlMap）之间会出现空隙 ，怎样才能解决这个问题呢？其实方法有很多，比如设定每个JLabel的Border（其实只是想想而已，没实践过），不过我是给这个jpIcon设定一个布局，为GridLayout设定参数，把JLabel之间的空隙设定为零，当然它分上下和左右，只要这样设置一下后，这个jpIcon内部的JLabel就会乖乖得靠紧了，嘿嘿。还有就是EAST方向上的按钮肯定是大胖子一样，恢复不到按钮本来的大小，这是因为GirdLayout内部只管把控件拉伸填满，所以这次再给个还原控件本身大小的改进方案，不过和塞图片到CENTER方位的方法大同小异，都是再添加层中间容器JPanel，然后对其采用FlowLayout布局就OK拉～嘿嘿，哇，已经加了好多的JPanel了，头有点晕晕的。这次只做一个简单的补充和改进，下次再动大手脚。
这里给出对大框架的BorderLayout中的CENTER区域中的jpIcon的布局做修改，使得其内部的JLabel都没有空隙：
e.g. :

jpIcon = new JPanel(new GridLayout(HEIGHT,WIDTH,0,0));
for(int i = 0, j = 0; i<HEIGHT*WIDTH; i++)
...{
            j = rand.nextInt(4);
            jlMap = new JLabel(ls.LANDSTYLES[j]);
            jpIcon.add(jlMap);
    }

构造jpIcon的时候就是用了GridLayout布局，前面两个是高和宽，后面两个参数分别是上下和左右组件之间的空隙。
接下来是对EAST方位的组件大小问题的改进了，大致思路前言里面也已经说了，所以这里就直接给出代码了。
e.g. :

jpEast = new JPanel(new GridLayout(0,1));
        
jpEastCo = new JPanel(new FlowLayout());
jpEastCo.add(jbIcon);
jpEast.add(jpEastCo);

jpEastCo = new JPanel(new FlowLayout());
jpEastCo.add(jbSave);
jpEast.add(jpEastCo);

jpEastCo = new JPanel(new FlowLayout());
jpEastCo.add(jbLoadMapFromFile);
jpEast.add(jpEastCo);
    
jpEastCo = new JPanel(new FlowLayout());
jpEastCo.add(jtf);
jpEast.add(jpEastCo);
        
jpEastCo = new JPanel(new FlowLayout());
jpEastCo.add(jlTips);
jpEast.add(jpEastCo);

这里又声明了一个新的JPanel：jpEastEo，里面是真正放按钮啊文本区域的容器，而且一个里面只放一个控件（有点浪费啊，只调用一次add）。由于add进去的是对象实例（纯粹个人理解，有误之处请大家更正），而不是reference，所以这个jpEastCo可以重复使用，而且放入后修改指向也不会使得上次add进去的东西改变掉。注意前面对jpEast的布局中采用GridLayout(0,1),其中的0代表可以有任意列，1代表只有一行。前面参数设置列，后面的参数设置行。
这样应该比较好了已经，上次遗留下来的两个BUG算是基本解除了，接下来要着手地图文件的格式问题了，也就是用什么来保存地形的信息了。首先用数字肯定不行，除非地形少于两位数，也就是所最多只有10个地形，那么可以用阿拉伯数字表示地形。如果有超过10个以上的地形，那么读取地形文件的时候对124这个一块的数据分别不出到底是代表1号2号4号地形还是1号24号地形或者是种种种种，地形绝对不能存在这种不确定性。可以自己想想有什么办法哟～嘿嘿，有好的方法可以推荐哟～我也是临时想的那，呵呵。（考虑一个比较经济环保的方法，提示一下：最优二叉树！嘿嘿，然后直接保存成二进制文件，地图文件又小人家又难以编辑研究——没有你的地图编辑器可不行，呃，这个是吧，就是还要编个数据结构……嘿嘿，以后慢慢捣鼓吧）。