&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-1lsvfiwjp7q80&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-22zgcg7a94000&quot;&gt;第一步&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-dg2kiy65jhs0&quot;&gt;ctrl+shift+p&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1ep0t9j1o5s00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-fqcrem8qxhc0&quot;&gt;第二步&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-fiz27wlqizk00&quot;&gt;输入 net generate&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-k2nafo8dieo0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-c03z4gifcps00&quot;&gt;参考&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-k87styn62lc00&quot;&gt;&lt;a href=&quot;https://www.cnblogs.com/zhuoss/p/17951242&quot; target=&quot;_blank&quot; style=&quot;font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;&quot;&gt;dotnet vscode 生成调试配置文件 - AmazingCookie - 博客园 (cnblogs.com)&lt;/a&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1le5w3tmbp8g0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;

vscode 无法自动生成webapi 调试配置文件结局办法

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-g9xykryaf0w0&quot;&gt;横向滚动设置&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1bfje1j43f1c0&quot;&gt;原生设置&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-1e0u6znqa0tc0&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;html&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;scroll-view&lt;/span&gt; &lt;span style=&quot;color: #6f42c1;&quot;&gt;scroll-x&lt;/span&gt; &lt;span style=&quot;color: #6f42c1;&quot;&gt;style&lt;/span&gt;=&lt;span style=&quot;color: #690&quot;&gt;&quot;width:400rpx;white-space: nowrap;overflow: hidden;&quot;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt; &lt;span style=&quot;color: #6f42c1;&quot;&gt;style&lt;/span&gt;=&lt;span style=&quot;color: #690&quot;&gt;&quot;width:200rpx;height:80rpx;background:black;display:inline-block;&quot;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt; &lt;span style=&quot;color: #6f42c1;&quot;&gt;style&lt;/span&gt;=&lt;span style=&quot;color: #690&quot;&gt;&quot;width:200rpx;height:80rpx;background:green;display:inline-block;&quot;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt; &lt;span style=&quot;color: #6f42c1;&quot;&gt;style&lt;/span&gt;=&lt;span style=&quot;color: #690&quot;&gt;&quot;width:200rpx;height:80rpx;background:yellow;display:inline-block;&quot;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt; &lt;span style=&quot;color: #6f42c1;&quot;&gt;style&lt;/span&gt;=&lt;span style=&quot;color: #690&quot;&gt;&quot;width:200rpx;height:80rpx;background:red;display:inline-block;&quot;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;view&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;lt;/&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;scroll-view&lt;/span&gt;&lt;span style=&quot;color: #22863a;color: #997;&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p data-id=&quot;p1dr9j7ls-1l8ndzdecnkw0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-uyksd0bjvy80&quot;&gt;Taro设置&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-bpbbaf9m4yo0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-2e70ighpllhc0&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;plain&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;          &lt;scrollview&lt;br&gt;            scrollX={true} //必要&lt;br&gt;            scrollY={false}&lt;br&gt;            enableFlex //必要&lt;br&gt;            scrollLeft={0} //必要&lt;br&gt;            scrollWithAnimation={true}&lt;br&gt;            scrollAnimationDuration=&quot;1000&quot;&lt;br&gt;            scrollAnchoring={true}&lt;br&gt;            type=&quot;list&quot;//必要&lt;br&gt;            style={{&lt;br&gt;              paddingTop: &quot;10px&quot;,&lt;br&gt;              flexDirection: &quot;row&quot;,//必要&lt;br&gt;              whiteSpace: &quot;nowrap&quot;, //必要&lt;br&gt;              overflow:&quot;scroll&quot;&lt;br&gt;            }}&lt;br&gt;          &amp;gt;&lt;br&gt;           {[1, 2, 3].map(() =&amp;gt; (&lt;br&gt;              &lt;view&lt;br&gt;                style={{width:&quot;200px&quot;,&lt;br&gt;                height:20,&lt;br&gt;                backgroundColor:&quot;#fff&quot;,&lt;br&gt;                marginRight: &quot;10px&quot;,&lt;br&gt;                aspectRatio:&quot;4/2&quot;,&lt;br&gt;                display:&quot;inline-block&quot;//必要&lt;br&gt;                }}&lt;br&gt;              /&amp;gt;&lt;br&gt;            ))}&lt;br&gt;           &lt;/view&lt;br&gt;&lt;/scrollview&lt;br&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

微信小程序scrollview横向滚动问题

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-ky2jjhhblts0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-i8oc65syyzs0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-ji3x92c1v880&quot;&gt;ubuntu安装nginx 之后发布网页出现500&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1yz3iicet2v40&quot;&gt;1、检查nginx.conf 中 user 对应的参数是否有权限访问该路径&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-ob2am9ywqe80&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;nginx&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;user&lt;/span&gt; nginx;&lt;br&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;改&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;为&lt;/span&gt;&lt;br&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;user&lt;/span&gt; &lt;span style=&quot;color: #690;&quot;&gt;root&lt;/span&gt;; //&lt;span style=&quot;color: #22863a;&quot;&gt;或&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;其&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;他&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;的&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

ubuntu nginx

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-ayy7vwd3rk00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-w6rys38t5hs0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;h3 data-id=&quot;h4kgw8yp6-9ipv5wtmrg000&quot; id=&quot;h4kgw8yp6-9ipv5wtmrg000&quot;&gt;开发框架&lt;/h3&gt;&lt;p data-id=&quot;p1dr9j7ls-xtfiyl7a8jk0&quot;&gt;electron-vite&lt;/p&gt;&lt;h3 data-id=&quot;h4kgw8yp6-64kw8ffsbn400&quot; id=&quot;h4kgw8yp6-64kw8ffsbn400&quot;&gt;&lt;br&gt;&lt;/h3&gt;&lt;p data-id=&quot;p1dr9j7ls-cnropsb7k9c00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;h3 data-id=&quot;h4kgw8yp6-4r9c996518k0&quot; id=&quot;h4kgw8yp6-4r9c996518k0&quot;&gt;electron获取项目根目录&lt;/h3&gt;&lt;div data-id=&quot;d1n3t59a8-1b05x9de08cg0&quot; data-card-editable=&quot;false&quot; class=&quot;&quot; data-syntax=&quot;javascript&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;const&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;appPath&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;app&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;isPackaged&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt; &lt;span&gt;path&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;dirname&lt;/span&gt;(&lt;span&gt;app&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;getPath&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;'exe'&lt;/span&gt;)) &lt;span style=&quot;color: #6a737d;&quot;&gt;// 打包后&lt;/span&gt;&lt;br&gt;    : &lt;span&gt;app&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;getAppPath&lt;/span&gt;();  &lt;span style=&quot;color: #6a737d;&quot;&gt;// 打包前&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p data-id=&quot;p1dr9j7ls-j3in8nvz3i800&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-26ac6k6dvakg0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1e4piqvs5jfk0&quot;&gt;electron打包配置&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-d5vsp8mhc5400&quot;&gt;package.json&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-hdukp47k9nc00&quot; data-card-editable=&quot;false&quot; class=&quot;&quot; data-syntax=&quot;json&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;  &lt;span style=&quot;color: #690&quot;&gt;&quot;build&quot;&lt;/span&gt;:{&lt;br&gt;    &lt;span style=&quot;color: #690color: #005cc5;&quot;&gt;&quot;extraFiles&quot;&lt;/span&gt;: [&lt;br&gt;      {&lt;br&gt;        &lt;span style=&quot;color: #690color: #005cc5;&quot;&gt;&quot;from&quot;&lt;/span&gt;: &lt;span style=&quot;color: #690&quot;&gt;&quot;config.json&quot;&lt;/span&gt;, &lt;span style=&quot;color: #6a737d;&quot;&gt;//默认为项目的根目录&lt;/span&gt;&lt;br&gt;        &lt;span style=&quot;color: #690color: #005cc5;&quot;&gt;&quot;to&quot;&lt;/span&gt;: &lt;span style=&quot;color: #690&quot;&gt;&quot;.&quot;&lt;/span&gt;&lt;span style=&quot;color: #6a737d;&quot;&gt;//项目根目录。config 表示 项目根目录下的config目录&lt;/span&gt;&lt;br&gt;      }&lt;br&gt;    ]&lt;br&gt;  }&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p data-id=&quot;p1dr9j7ls-k8d29z0v3dc00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-67244of0xbs00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-bmf6kh6ptm800&quot;&gt;创建托盘&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-99sanhzzk6k00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;div data-id=&quot;d1n3tbwhs-9uzo5inbz8s00&quot; data-card-editable=&quot;false&quot; class=&quot;&quot; data-syntax=&quot;javascript&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;span style=&quot;color: #1f7f9a;&quot;&gt;...&lt;/span&gt;.&lt;br&gt;&lt;br&gt;&lt;span&gt;export&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;default&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;function&lt;/span&gt; &lt;span&gt;createTray&lt;/span&gt;() {&lt;br&gt;  &lt;span&gt;console&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;log&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;创建托盘&quot;&lt;/span&gt;);&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;const&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;contextMenu&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;Menu&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;buildFromTemplate&lt;/span&gt;([&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// {&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//   label: &quot;注销&quot;,&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//   click: () =&amp;gt; {&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//     console.log(&quot;注销&quot;);&lt;/span&gt;&lt;br&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//     // 主进程发送消息，通知渲染进程注销当前登录用户 --todo&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//   },&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// },&lt;/span&gt;&lt;br&gt;    {&lt;br&gt;      &lt;span style=&quot;color: #005cc5;&quot;&gt;label&lt;/span&gt;: &lt;span style=&quot;color: #690&quot;&gt;&quot;隐藏&quot;&lt;/span&gt;,&lt;br&gt;      &lt;span style=&quot;color: #005cc5;&quot;&gt;click&lt;/span&gt;: () &lt;span style=&quot;color: #d73a49;&quot;&gt;=&amp;gt;&lt;/span&gt; {&lt;br&gt;        &lt;span&gt;mainWindow&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;hide&lt;/span&gt;(); &lt;br&gt;        &lt;span style=&quot;color: #6a737d;&quot;&gt;// tray.destroy();&lt;/span&gt;&lt;br&gt;      },&lt;br&gt;      &lt;span style=&quot;color: #6a737d;&quot;&gt;// role: &quot;minimize&quot;&lt;/span&gt;&lt;br&gt;    },&lt;br&gt;    {&lt;br&gt;      &lt;span style=&quot;color: #005cc5;&quot;&gt;type&lt;/span&gt;: &lt;span style=&quot;color: #690&quot;&gt;&quot;separator&quot;&lt;/span&gt;, &lt;span style=&quot;color: #6a737d;&quot;&gt;// 分割线&lt;/span&gt;&lt;br&gt;    },&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 菜单项&lt;/span&gt;&lt;br&gt;    { &lt;span style=&quot;color: #6a737d;&quot;&gt;//使用托盘退出功能需要在窗口监听关闭事件，阻止关闭窗口&lt;/span&gt;&lt;br&gt;      &lt;span style=&quot;color: #005cc5;&quot;&gt;label&lt;/span&gt;: &lt;span style=&quot;color: #690&quot;&gt;&quot;退出&quot;&lt;/span&gt;,&lt;br&gt;      &lt;span style=&quot;color: #005cc5;&quot;&gt;click&lt;/span&gt;: () &lt;span style=&quot;color: #d73a49;&quot;&gt;=&amp;gt;&lt;/span&gt; {&lt;br&gt;        &lt;span&gt;mainWindow&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;destroy&lt;/span&gt;();&lt;br&gt;        &lt;span&gt;tray&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;destroy&lt;/span&gt;();&lt;br&gt;      },&lt;br&gt;      &lt;span style=&quot;color: #6a737d;&quot;&gt;// role: &quot;quit&quot;, // 使用内置的菜单行为，就不需要再指定 click 事件&lt;/span&gt;&lt;br&gt;    },&lt;br&gt;  ]);&lt;br&gt;  &lt;span&gt;console&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;log&lt;/span&gt;(&lt;span&gt;app&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;getAppPath&lt;/span&gt;());&lt;br&gt;&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;tray&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;Tray&lt;/span&gt;(&lt;span&gt;path&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;join&lt;/span&gt;(&lt;span&gt;app&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;getAppPath&lt;/span&gt;(), &lt;span style=&quot;color: #690&quot;&gt;&quot;/favicon.ico&quot;&lt;/span&gt;)); &lt;span style=&quot;color: #6a737d;&quot;&gt;// 图标&lt;/span&gt;&lt;br&gt;  &lt;span style=&quot;color: #6a737d;&quot;&gt;//    var tray = new Tray(); // 图标&lt;/span&gt;&lt;br&gt;  &lt;span style=&quot;color: #6a737d;&quot;&gt;// 点击托盘显示窗口&lt;/span&gt;&lt;br&gt;  &lt;span&gt;tray&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;on&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;click&quot;&lt;/span&gt;, () &lt;span style=&quot;color: #d73a49;&quot;&gt;=&amp;gt;&lt;/span&gt; {&lt;br&gt;    &lt;span&gt;mainWindow&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;show&lt;/span&gt;();&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// if(newWindow){&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//   newWindow.show()&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// }&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// for (let i in this.group) {&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;//     if (this.group[i]) this.getWindow(Number(i)).show();&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// }&lt;/span&gt;&lt;br&gt;  });&lt;br&gt;  &lt;span style=&quot;color: #6a737d;&quot;&gt;// 处理右键&lt;/span&gt;&lt;br&gt;  &lt;span&gt;tray&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;on&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;right-click&quot;&lt;/span&gt;, () &lt;span style=&quot;color: #d73a49;&quot;&gt;=&amp;gt;&lt;/span&gt; {&lt;br&gt;    &lt;span&gt;tray&lt;/span&gt;?.&lt;span style=&quot;color: #005cc5;&quot;&gt;popUpContextMenu&lt;/span&gt;(&lt;span style=&quot;color: #005cc5;&quot;&gt;contextMenu&lt;/span&gt;);&lt;br&gt;  });&lt;br&gt;  &lt;span&gt;tray&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;setToolTip&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;小猪课堂&quot;&lt;/span&gt;);&lt;br&gt;}&lt;br&gt;&lt;span style=&quot;color: #1f7f9a;&quot;&gt;...&lt;/span&gt;.&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p data-id=&quot;p1dr9j7ls-a3vki2vn6vc0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-53g1akg19dk00&quot;&gt;阻止点击右上角关闭按钮，关闭窗口&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-7w5qy71b8j000&quot; data-card-editable=&quot;false&quot; class=&quot;&quot; data-syntax=&quot;javascript&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;  &lt;span&gt;mainWindow&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;on&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;'close'&lt;/span&gt;, (&lt;span style=&quot;color: #005cc5;&quot;&gt;event&lt;/span&gt;) &lt;span style=&quot;color: #d73a49;&quot;&gt;=&amp;gt;&lt;/span&gt; {&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 取消关闭事件&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #005cc5;&quot;&gt;event&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;preventDefault&lt;/span&gt;();&lt;br&gt;    &lt;span&gt;mainWindow&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;hide&lt;/span&gt;(); &lt;span style=&quot;color: #6a737d;&quot;&gt;// 隐藏窗口到系统托盘&lt;/span&gt;&lt;br&gt;  })&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p data-id=&quot;p1dr9j7ls-25ywssbcr2m80&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-10w1esohvu4w0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-b9ez0ap9uwo00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-2uzbg0zajam00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-2f489cfbvim80&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-5eo0iwyu19w00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1zssmwnmpg3k0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-i2nc4wqrdjc00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-a4cchbwpiag00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-alp1raxifnc00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-5eamjl79wts00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;

electron 开发

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-zuy1invwd5c0&quot;&gt;代码示例：&lt;/p&gt;&lt;div data-id=&quot;d1n3t59a8-kwbtkb011kw0&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;javascript&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;export&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;function&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;randomPassword&lt;/span&gt;(&lt;span style=&quot;color: #005cc5;&quot;&gt;length&lt;/span&gt;: &lt;span&gt;number&lt;/span&gt;, &lt;span&gt;passwordArray&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;: &lt;span&gt;string&lt;/span&gt;[]) {&lt;br&gt;  &lt;span&gt;length&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;length&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;||&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;6&lt;/span&gt;;&lt;br&gt;  &lt;span style=&quot;color: #6a737d;&quot;&gt;// 密码串----默认 大写字母 小写字母 数字&lt;/span&gt;&lt;br&gt;  &lt;span&gt;passwordArray&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;passwordArray&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;||&lt;/span&gt; [&lt;br&gt;    &lt;span style=&quot;color: #690&quot;&gt;'ABCDEFGHIJKLMNOPQRSTUVWXYZ'&lt;/span&gt;,&lt;br&gt;    &lt;span style=&quot;color: #690&quot;&gt;'abcdefghijklmnopqrstuvwxyz'&lt;/span&gt;,&lt;br&gt;    &lt;span style=&quot;color: #690&quot;&gt;'1234567890'&lt;/span&gt;,&lt;br&gt;    &lt;span style=&quot;color: #690&quot;&gt;'!@#$&amp;amp;*.,'&lt;/span&gt;,&lt;br&gt;  ];&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;password&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #690&quot;&gt;''&lt;/span&gt;;&lt;br&gt;  &lt;span style=&quot;color: #6a737d;&quot;&gt;// 随机生成开始字符串&lt;/span&gt;&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;startIndex&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;Math&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;random&lt;/span&gt;() &lt;span style=&quot;color: #d73a49;&quot;&gt;*&lt;/span&gt; &lt;span&gt;length&lt;/span&gt;;&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;randIndex&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; [];&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;for&lt;/span&gt; (&lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;0&lt;/span&gt;; &lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span&gt;length&lt;/span&gt;; &lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;++&lt;/span&gt;) {&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 创建数组，用于取随机位置  [0,1,2,3,4,5,....]&lt;/span&gt;&lt;br&gt;    &lt;span&gt;randIndex&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;push&lt;/span&gt;(&lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt;);&lt;br&gt;  }&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;for&lt;/span&gt; (&lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;0&lt;/span&gt;; &lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;&amp;lt;&lt;/span&gt; &lt;span&gt;length&lt;/span&gt;; &lt;span style=&quot;color: #005cc5;&quot;&gt;i&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;++&lt;/span&gt;) {&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 根据随机数组生成随机位置&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;r&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;Math&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;trunc&lt;/span&gt;(&lt;span&gt;Math&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;random&lt;/span&gt;() &lt;span style=&quot;color: #d73a49;&quot;&gt;*&lt;/span&gt; &lt;span&gt;randIndex&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;length&lt;/span&gt;);&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;num&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;randIndex&lt;/span&gt;[&lt;span&gt;r&lt;/span&gt;] &lt;span style=&quot;color: #d73a49;&quot;&gt;+&lt;/span&gt; &lt;span&gt;startIndex&lt;/span&gt;;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 根据随机值取余数&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;randRemainder&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;Math&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;trunc&lt;/span&gt;(&lt;span&gt;num&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;%&lt;/span&gt; &lt;span&gt;passwordArray&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;length&lt;/span&gt;);&lt;br&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 当前密码串【大写字母，小写字母，数字等】&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;currentPassword&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;passwordArray&lt;/span&gt;[&lt;span&gt;randRemainder&lt;/span&gt;];&lt;br&gt;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 根据当前密码串长度取随机数&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;index&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;Math&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;random&lt;/span&gt;() &lt;span style=&quot;color: #d73a49;&quot;&gt;*&lt;/span&gt; &lt;span&gt;currentPassword&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;length&lt;/span&gt;;&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 获取随机字符串&lt;/span&gt;&lt;br&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;str&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;currentPassword&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;substring&lt;/span&gt;(&lt;span&gt;index&lt;/span&gt;, &lt;span&gt;index&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;1&lt;/span&gt;);&lt;br&gt;    &lt;span style=&quot;color: #6a737d;&quot;&gt;// 删除随机数组中已经使用的值&lt;/span&gt;&lt;br&gt;    &lt;span&gt;randIndex&lt;/span&gt;.&lt;span style=&quot;color: #005cc5;&quot;&gt;splice&lt;/span&gt;(&lt;span&gt;r&lt;/span&gt;, &lt;span style=&quot;color: #005cc5;&quot;&gt;1&lt;/span&gt;);&lt;br&gt;    &lt;span&gt;password&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;+=&lt;/span&gt; &lt;span&gt;str&lt;/span&gt;;&lt;br&gt;  }&lt;br&gt;  &lt;span style=&quot;color: #d73a49;&quot;&gt;return&lt;/span&gt; &lt;span&gt;password&lt;/span&gt;;&lt;br&gt;}&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

前端生成随机密码

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-dfoes1jkh9s00&quot;&gt;开源框架集锦&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-c3jg6kyd9nc00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-kf5mxf13t0g00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-c5sylusbp9k00&quot;&gt;自动化代码框架&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-g8n46nobkt400&quot;&gt;&lt;a href=&quot;https://strapi.io/&quot; target=&quot;_blank&quot; style=&quot;font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;&quot;&gt;Strapi - Open source Node.js Headless CMS 🚀&lt;/a&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-6lupj6ytm0800&quot;&gt;&lt;a href=&quot;https://github.com/strapi/strapi&quot; target=&quot;_blank&quot; style=&quot;font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;&quot;&gt;strapi/strapi: 🚀 Strapi is the leading open-source headless CMS. It’s 100% JavaScript/TypeScript, fully customizable and developer-first. (github.com)&lt;/a&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-p5bzuxh02w00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-tmteqj39mc00&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-1y1ap1zj08000&quot;&gt;前端框架：&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-7s1nbjyx0y800&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-77stf3obngg0&quot;&gt;&lt;a target=&quot;_blank&quot; href=&quot;https://cn-evite.netlify.app/&quot; style=&quot;font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;&quot;&gt;electron-vite | 下一代 Electron 开发构建工具 &lt;/a&gt;（github&lt;a target=&quot;_blank&quot; href=&quot;https://github.com/alex8088/electron-vite&quot; style=&quot;font-size: inherit; padding: 0px 2px; line-height: inherit; overflow-wrap: break-word; text-indent: 0px;&quot;&gt;https://github.com/alex8088/electron-vite&lt;/a&gt;）&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-16gs9wh9bce80&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;

框架集锦

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;h3 data-id=&quot;h4kgw8yp6-4fyd3y270pi00&quot; id=&quot;h4kgw8yp6-4fyd3y270pi00&quot;&gt;Net Core Webapi 添加sqlsugar 全局ioc服务示例&lt;/h3&gt;&lt;p data-id=&quot;p1dr9j7ls-j4lrv77y4n400&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-c5frtai4w4800&quot;&gt;program.cs&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-1g6lmh1opxc00&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;csharp&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;&lt;span&gt;#&lt;/span&gt; &lt;span&gt;region&lt;/span&gt; &lt;span&gt;注册sqlsugar&lt;/span&gt;.&lt;span&gt;ioc服务&lt;/span&gt;&lt;br&gt;&lt;span&gt;SugarIocServices&lt;/span&gt;.&lt;span&gt;AddSqlSugar&lt;/span&gt;(&lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;SqlSugar&lt;/span&gt;.&lt;span&gt;IOC&lt;/span&gt;.&lt;span&gt;IocConfig&lt;/span&gt;()&lt;br&gt;{&lt;br&gt;    &lt;span&gt;ConnectionString&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;builder&lt;/span&gt;.&lt;span&gt;Configuration&lt;/span&gt;[&lt;span style=&quot;color: #690&quot;&gt;&quot;DbConnection:Mysql&quot;&lt;/span&gt;],&lt;br&gt;    &lt;span&gt;DbType&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;IocDbType&lt;/span&gt;.&lt;span&gt;MySql&lt;/span&gt;,&lt;br&gt;    &lt;span&gt;IsAutoCloseConnection&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #905;&quot;&gt;true&lt;/span&gt;&lt;span style=&quot;color: #6a737d;&quot;&gt;//自动释放&lt;/span&gt;&lt;br&gt;});&lt;br&gt;&lt;span&gt;#endregion&lt;/span&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

Net Core Webapi 添加sqlsugar 全局ioc服务示例

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;h3 data-id=&quot;h4kgw8yp6-mqb9juyr4ds0&quot; id=&quot;h4kgw8yp6-mqb9juyr4ds0&quot;&gt;NET CORE Web Api 解析JWT中的字段&lt;/h3&gt;&lt;p data-id=&quot;p1dr9j7ls-1chmzrqq28hs0&quot;&gt;这里以uid为例&lt;/p&gt;&lt;div data-id=&quot;d1n3tbwhs-183h45w436w00&quot; data-card-editable=&quot;false&quot; class=&quot;&quot; data-syntax=&quot;csharp&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;static&lt;/span&gt; &lt;span style=&quot;color: #22863a;&quot;&gt;string&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;getUserId&lt;/span&gt;(&lt;span&gt;HttpContext&lt;/span&gt; &lt;span&gt;httpContext&lt;/span&gt;)&lt;br&gt;    {&lt;br&gt;        &lt;span style=&quot;color: #6a737d;&quot;&gt;//解析payload，拿到exp&lt;/span&gt;&lt;br&gt;&lt;br&gt;        &lt;span&gt;#region&lt;/span&gt; &lt;span&gt;获取jwt中的userid&lt;/span&gt;      &lt;br&gt;        &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;handler&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;JwtSecurityTokenHandler&lt;/span&gt;();&lt;br&gt;        &lt;span style=&quot;color: #d73a49;&quot;&gt;if&lt;/span&gt; (&lt;span style=&quot;color: #d73a49;&quot;&gt;!&lt;/span&gt;&lt;span style=&quot;color: #22863a;&quot;&gt;string&lt;/span&gt;.&lt;span&gt;IsNullOrEmpty&lt;/span&gt;(&lt;span&gt;httpContext&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Request&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Headers&lt;/span&gt;[&lt;span style=&quot;color: #690&quot;&gt;&quot;Authorization&quot;&lt;/span&gt;]))&lt;br&gt;        {&lt;br&gt;            &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;payload&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;handler&lt;/span&gt;.&lt;span&gt;ReadJwtToken&lt;/span&gt;(&lt;span&gt;httpContext&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Request&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Headers&lt;/span&gt;[&lt;span style=&quot;color: #690&quot;&gt;&quot;Authorization&quot;&lt;/span&gt;].&lt;span&gt;FirstOrDefault&lt;/span&gt;()&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Split&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot; &quot;&lt;/span&gt;).&lt;span&gt;Last&lt;/span&gt;()).&lt;span&gt;Payload&lt;/span&gt;;&lt;br&gt;            &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;claims&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;payload&lt;/span&gt;.&lt;span&gt;Claims&lt;/span&gt;;&lt;br&gt;            &lt;span style=&quot;color: #d73a49;&quot;&gt;return&lt;/span&gt; &lt;span&gt;claims&lt;/span&gt;.&lt;span&gt;First&lt;/span&gt;(&lt;span&gt;claim&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&amp;gt;&lt;/span&gt; &lt;span&gt;claim&lt;/span&gt;.&lt;span&gt;Type&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;==&lt;/span&gt; &lt;span style=&quot;color: #690&quot;&gt;&quot;uid&quot;&lt;/span&gt;).&lt;span&gt;Value&lt;/span&gt;;&lt;br&gt;        }&lt;br&gt;        &lt;span style=&quot;color: #d73a49;&quot;&gt;else&lt;/span&gt;&lt;br&gt;        {&lt;br&gt;            &lt;span style=&quot;color: #d73a49;&quot;&gt;return&lt;/span&gt; &lt;span&gt;httpContext&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Request&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Headers&lt;/span&gt;[&lt;span style=&quot;color: #690&quot;&gt;&quot;uid&quot;&lt;/span&gt;].&lt;span&gt;FirstOrDefault&lt;/span&gt;();&lt;br&gt;        }&lt;br&gt;&lt;br&gt;        &lt;span&gt;#endregion&lt;/span&gt; &lt;span&gt;结束&lt;/span&gt;&lt;br&gt;&lt;br&gt;       &lt;br&gt;    }&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

NET CORE Web Api 解析JWT中的字段

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;h2 data-id=&quot;h4kgw8yp6-15gur4g4n8f40&quot; id=&quot;h4kgw8yp6-15gur4g4n8f40&quot;&gt;net core webapi 获取api请求的ip地址示例：&lt;/h2&gt;&lt;p data-id=&quot;p1dr9j7ls-1hmu6s0fdnj40&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-1c4lppkzepeo0&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;csharp&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt;    &lt;span style=&quot;color: #d73a49;&quot;&gt;public&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;static&lt;/span&gt; &lt;span style=&quot;color: #22863a;&quot;&gt;string&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;getRealIp&lt;/span&gt;(&lt;span&gt;HttpContext&lt;/span&gt; &lt;span&gt;httpContext&lt;/span&gt;)&lt;br&gt;    {&lt;br&gt;        &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;clientip&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;httpContext&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Request&lt;/span&gt;.&lt;span&gt;Headers&lt;/span&gt;[&lt;span style=&quot;color: #690&quot;&gt;&quot;X-Forwarded-For&quot;&lt;/span&gt;].&lt;span&gt;FirstOrDefault&lt;/span&gt;(); &lt;br&gt;        &lt;span style=&quot;color: #6a737d;&quot;&gt;//如果使用了nginx代理,把对应字段换成nginx配置中的&lt;/span&gt;&lt;br&gt;        &lt;span style=&quot;color: #d73a49;&quot;&gt;if&lt;/span&gt; (&lt;span style=&quot;color: #22863a;&quot;&gt;string&lt;/span&gt;.&lt;span&gt;IsNullOrEmpty&lt;/span&gt;(&lt;span&gt;clientip&lt;/span&gt;))&lt;br&gt;        {&lt;br&gt;            &lt;span&gt;clientip&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;httpContext&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;Connection&lt;/span&gt;.&lt;span&gt;RemoteIpAddress&lt;/span&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;?&lt;/span&gt;.&lt;span&gt;ToString&lt;/span&gt;();&lt;br&gt;        }&lt;br&gt;        &lt;span style=&quot;color: #d73a49;&quot;&gt;return&lt;/span&gt; &lt;span&gt;clientip&lt;/span&gt;;&lt;br&gt;    }&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;

net core webapi 获取api请求的ip

&lt;div data-element=&quot;root&quot; class=&quot;am-engine&quot;&gt;&lt;p data-id=&quot;p1dr9j7ls-1u7okt3yubuo0&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;p data-id=&quot;p1dr9j7ls-j016asdhheg0&quot;&gt;需要以下添加header，可能是因为微信服务是c++服务写的，只能识别指定的content-type（侧面反映屎山代码）&lt;/p&gt;&lt;div data-id=&quot;dlakzow4s-1vnwqxmynfq80&quot; data-card-editable=&quot;false&quot; data-syntax=&quot;csharp&quot; auto-wrap=&quot;false&quot;&gt;&lt;div class=&quot;&quot; style=&quot;border: 1px solid rgb(232, 232, 232); padding: 8px; background: rgb(249, 249, 249);&quot;&gt;&lt;div style=&quot;font-family: monospace;font-size: 13px; line-height: 21px; color: #595959; direction: ltr; height: auto; overflow: hidden;background: transparent;&quot;&gt;&lt;pre style=&quot;color: rgb(89, 89, 89); margin: 0px; padding: 0px; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0);&quot;&gt; &lt;span style=&quot;color: #22863a;&quot;&gt;string&lt;/span&gt; &lt;span&gt;boundary&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #690&quot;&gt;&quot;----&quot;&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #22863a;&quot;&gt;DateTimeOffset&lt;/span&gt;.&lt;span&gt;Now&lt;/span&gt;.&lt;span&gt;Ticks&lt;/span&gt;.&lt;span&gt;ToString&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;x&quot;&lt;/span&gt;);&lt;br&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;formData&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;MultipartFormDataContent&lt;/span&gt;(&lt;span&gt;boundary&lt;/span&gt;);&lt;br&gt;&lt;span&gt;formData&lt;/span&gt;.&lt;span&gt;Headers&lt;/span&gt;.&lt;span&gt;ContentType&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span&gt;MediaTypeHeaderValue&lt;/span&gt;.&lt;span&gt;Parse&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;multipart/form-data; boundary=&quot;&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;+&lt;/span&gt; &lt;span&gt;boundary&lt;/span&gt;);&lt;br&gt;&lt;br&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;content&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;ByteArrayContent&lt;/span&gt;(&lt;span&gt;imageBuffer&lt;/span&gt;);&lt;br&gt;&lt;br&gt;&lt;span&gt;content&lt;/span&gt;.&lt;span&gt;Headers&lt;/span&gt;.&lt;span&gt;ContentType&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;MediaTypeHeaderValue&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;image/jpeg&quot;&lt;/span&gt;); &lt;span style=&quot;color: #6a737d;&quot;&gt;// 根据图像类型调整&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span&gt;formData&lt;/span&gt;.&lt;span&gt;Add&lt;/span&gt;(&lt;span&gt;content&lt;/span&gt;, &lt;span style=&quot;color: #690&quot;&gt;&quot;\&quot;media\&quot;&quot;&lt;/span&gt;, &lt;span&gt;$&lt;/span&gt;&lt;span style=&quot;color: #690&quot;&gt;&quot;\&quot;e9cbcaca7ef84f30936a3997ee1e3750.jpg\&quot;&quot;&lt;/span&gt;);&lt;br&gt;&lt;span&gt;formData&lt;/span&gt;.&lt;span&gt;Add&lt;/span&gt;(&lt;span style=&quot;color: #d73a49;&quot;&gt;new&lt;/span&gt; &lt;span&gt;StringContent&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;wall&quot;&lt;/span&gt;), &lt;span style=&quot;color: #690&quot;&gt;&quot;uploadType&quot;&lt;/span&gt;);&lt;br&gt;&lt;span style=&quot;color: #d73a49;&quot;&gt;var&lt;/span&gt; &lt;span style=&quot;color: #005cc5;&quot;&gt;uploadResponse&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;=&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;await&lt;/span&gt; &lt;span&gt;client&lt;/span&gt;.&lt;span&gt;PostAsync&lt;/span&gt;(&lt;span style=&quot;color: #690&quot;&gt;&quot;https://yanxin.work:5228/material/add_material?access_token=&quot;&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;+&lt;/span&gt; &lt;span&gt;token&lt;/span&gt;.&lt;span&gt;token&lt;/span&gt; &lt;span style=&quot;color: #d73a49;&quot;&gt;+&lt;/span&gt; &lt;span style=&quot;color: #690&quot;&gt;&quot;&amp;amp;type=image&quot;&lt;/span&gt;, &lt;span&gt;formData&lt;/span&gt;);&lt;br&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;p data-id=&quot;p1dr9j7ls-17my7253mda80&quot;&gt;&lt;br&gt;&lt;/p&gt;&lt;/div&gt;