站长笔记 - 第 6 页

2022-04-06

JTBC5版本号位置

找到文件/Public/common/root.jtbc

<?xml version="1.0" encoding="utf-8"?>
<xml mode="jtbc" author="jetiben">
  <configure>
    <node>item</node>
    <field>name,zh-cn</field>
    <base>item_list</base>
  </configure>
  <item_list>
    <item>
      <name><![CDATA[version]]></name>
      <zh-cn><![CDATA[5000]]></zh-cn>
    </item>
    <item>
      <name><![CDATA[status]]></name>
      <zh-cn><![CDATA[ok]]></zh-cn>
    </item>
    <item>
      <name><![CDATA[upgraded_at]]></name>
      <zh-cn><![CDATA[0]]></zh-cn>
    </item>
    <item>
      <name><![CDATA[downgraded_at]]></name>
      <zh-cn><![CDATA[0]]></zh-cn>
    </item>
    <item>
      <name><![CDATA[website]]></name>
      <zh-cn><![CDATA[https://www.jtbc.cn/]]></zh-cn>
    </item>
  </item_list>
</xml>

其中

中的5000是版本5.0.0.0

可以手动修改版本号来避免后续升级

2022-03-282022-03-28

JTBC5中字段注释的说明

字段注释是一个JSON字符串并含有以下信息：

参数名	作用	参数值
mode	模式	normal(默认)
		auto
		manual
required	是否必填	true(默认)
required	是否必填	false
format	字段格式	int	整型
		email	电子邮件
		date	日期
		datetime	日期时间
		idcard	身份证(中国大陆)
		name	名字
		mobile	手机号(中国大陆)
		json	JSON
		intSeries	整数序列(半角逗号相隔的数字)
		natural	常规字符(字母数字及中下划线)
		url	网址
		ip	IP地址
		ipv4	IP地址(v4)
		ipv6	IP地址(v6)
		chinese	纯中文
		slug	小段网址(小写字母数字及中划线)
		dateRange	日期区间
		datetimeRange	日期时间区间

上述表格中的mode参数，当值为auto时，表示为自动字段(如自增字段)，任何校验和设置值均无效，当值为manual时，表示为手动字段

来源：https://help.jtbc.cn/php/5.0/#model/automatic.xml

2022-03-282022-03-28

JTBC5链接数据库的几种方式

先use Jtbc\Model\TinyModel;

再实例化TinyModel类

$model = new TinyModel();//缺省设置下默认为当前模块对应的数据库表//
// $model = new TinyModel('news');//直接指定一个名叫news的数据库表//
// $model = new TinyModel(new Module('universal/link'));//指定一个模块，再通过模块获取对应的数据库表//
// $model = new TinyModel(new Module('universal/tag'), 'map');//指定一个模块，再通过指定第2个子表名称来获取对应的数据库表//
// $model = new TinyModel(DBLink: 'default', genre: 'news');//通过具名参数的设置来获取对应的数据库表//

参考：https://help.jtbc.cn/php/5.0/#model/concept.xml

2022-03-252022-04-14

JTBC5支持多选分类的尝试

后记：

JTBC5.0后台云端市场已出多分类模块，有需要的可以前云安装使用，本文不再提供修改方法。

分类字段注释修改

{"type":"transfer","locked":true}

后台代码修改

/Public/news/common/diplomat/manage.php

$item -> category_title = $category -> getTitleById($item -> category);

修改成

$item -> category_title = $category -> getTitleById(json_decode($item -> category,true)[0]);

另后台分类筛选也要修改

if ($this -> guard -> role -> isSuper !== true)
{
if (!empty($myCurrentCategory))
{
$model -> where -> category -> in($myCurrentCategory);
}
else if (!empty($myCategory))
{
$model -> where -> category -> in($myCategory);
}
}

目前尚未修改，后续需要时再调整

另前台需同步修改代码

2022-03-222022-03-22

原生JS实现拖拽功能

来源：https://www.jb51.net/article/202249.htm

本文实例为大家分享了JS实现拖拽功能的具体代码，供大家参考，具体内容如下

拖拽的原理：三个事件 onmousedown、onmousemove、onmousemove

1、鼠标按下，触发onmousedown，获取鼠标坐标x,y，获取元素坐标x,y

通过event.clientX、event.clientY获取鼠标位置的坐标

let x = e.clientX - box.offsetLeft; //鼠标点击坐标距离盒子左边缘的距离
let y = e.clientY - box.offsetTop; //鼠标点击坐标距离盒子上边缘的距离

2、设置元素left、top值，（元素要设置position:absolute）

box.style.left = ev.clientX - x + 'px';
box.style.top = ev.clientY - y + 'px';

3、放开鼠标取消dom事件

下面是详细代码：我只开了横向移动

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
 <style>
 #box {
 width: 100px;
 height: 100px;
 background: red;
 position: absolute
 }
 </style>
</head>
 
<body style="position: relative;overflow: hidden;">
 <div id="box">
 </div>
 <script>
 window.onload = function () {
 let box = document.getElementById('box')
 box.onmousedown = function (ev) {
 let e = ev || event;
 let x = e.clientX - box.offsetLeft; //鼠标点击坐标距离盒子左边缘的距离
 let y = e.clientY - box.offsetTop; //鼠标点击坐标距离盒子上边缘的距离
 document.onmousemove = function (ev) {
  let e = ev || event;
  box.style.left = ev.clientX - x + 'px';
  box.style.top = ev.clientY - y + 'px';
  let bodyScreenX = ev.screenX
  let bodyClientWidth = document.body.clientWidth
  document.onmouseup = function (ev) {
  if (ev.clientX - x < 0) {
  box.style.left = 0
  } else if (bodyScreenX > bodyClientWidth) {
  box.style.right = 0
  box.style.left = bodyClientWidth - 100 + 'px'
  }
  document.onmousemove = null;
  document.onmouseup = null;
  }
 }
 }
 }
 </script>
</body>
</html>

2022-03-212022-03-21

AI制作SVG图标注意事项

背景：新手小白制作svg图标的经验。高手请绕行，感谢。

1.AI新建文档

配置文件web

宽度和高度建议相同，图标我们来创建正方形的。

2.在画板中制作图标

图形：建立复合路径

文字：创建轮廓

3.保存为svg格式

勾选使用画板，全部

4.设置输出参数

配置文件：svg 1.1

文字：svg

子集化：仅使用的字形

图像位置：嵌入

更多选项：

CSS属性：演示文稿属性

输出较少<tspan>元素

5.编辑保存的svg文件源码

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="160px" height="160px" viewBox="0 0 160 160" enable-background="new 0 0 160 160" xml:space="preserve">

修改为

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 160 160">

6.浏览器打开图标查看效果

至此结束。

2022-03-172022-03-17

mysql中in中查询的数据按id填写顺序排序的方法

$sql= " order by instr('," . $Ids . ",',concat(','," . $Prefix . "id,','))";

其中$Ids为id字符串,用英文逗号隔开,例如: $Ids='3,2,1,6';

其中" . $Prefix . "id 为ID字段,$Prefix是字段前缀,例如ID字段可以是n_id这样.

根据实际情况替换即可.

2022-03-162022-03-16

JTBC5.0同个文件无法二次上传的问题

JTBC5.0中,上传图片功能,在已经上传过图片后,再次重新传当前文件时,无法继续上传,需要刷新页面后才能重新上传当前文件.

官方回复说是:

那是你选了一样的文件
上传监测的是onchange
是上传1个文件，又选一样的文件就是没有change

记录以作后续参考.

2022-03-14

JTBC5.0列表和详情取分类名的方法

{$=$render('universal:render.categorytitle', $fetch(['genre' => 'universal/category', 'where' => ['genre' => '{$>this.genre}', 'id' => intval($req -> get('category')) ]]))}

2022-03-10

JTBC5.0一个云账号多站使用的方法

特别警告：

一个云账号多站使用有风险。同时不会增加安装云市场产品的次数。

如被任意一个站进行续费（续费同时会更新账号密钥），则其它站不能继续使用此云帐号（原账号密钥失效）。

如了解以上警告，可以使用以下方法实现《JTBC5.0一个云账号多站使用》

复制此文件/Config/App/Common/Premium/PremiumConfig.php到新站覆盖。