Sciter 简单实用说明--初建项目

65 篇文章 6 订阅
60 篇文章 2 订阅

1.下载Sciter SDK,解压

官网下载地址:https://sciter.com/download/


2.打开vs2015以上,点击  新建项目Win32 (MFC也可以操作都差不多,这里用win32)Win32 项目 ,项目名称 MySciter

项目创建后打开项目设置  sciter头文件就是sciter SDK包里面的include文件夹

6.把项目中的MySciter内容用下面的内容替换

#include "stdafx.h"
#include "MySciter.h"
#include "sciter-x-window.hpp"
#include "resources.cpp"

class frame : public sciter::window
{
public:
    frame() : window(SW_TITLEBAR | SW_RESIZEABLE | SW_CONTROLS | SW_MAIN | SW_ENABLE_DEBUG) {}
    /*下面代码是我添加的,getSomeData是添加的脚本回调函数(JS  C++),在脚本回调函数里面,有一句call_function("sendToJs", ret);这个是C++调用脚本(C++  JS)
    */
    BEGIN_FUNCTION_MAP
        FUNCTION_2("getSomeData", getSomeData);
    END_FUNCTION_MAP
    sciter::value  getSomeData(sciter::value param1, sciter::value param2)
    {
        sciter::string str = param1.get<sciter::string>();
        int i = param2.get<int>();
        sciter::value ret = "aaa";
        call_function("sendToJs", ret);
        return ret;
    }
    /*代码添加结束*/
};


int uimain(std::function<int()> run) {
    //sciter::debug_output_console console; - uncomment it if you will need console window
    sciter::archive::instance().open(aux::elements_of(resources)); // bind resources[] (defined in "resources.cpp") with the archive
    frame* pwin = new frame();
    // note: this:://app URL is dedicated to the sciter::archive content associated with the application
    pwin->load(WSTR("this://app/main.htm"));
    pwin->expand();
    return run();
}

7.打开MySciter目录,在下面新建个文件夹 res ,在文件夹内新建个 main.htm 文件,main.htm的具体内容如下

<html>
    <head>
        <title>Test</title>
        <style></style>
        <script type="text/tiscript"></script>
   </head>
   <script type="text/tiscript">
          //通过view.getSomeData来调用C++里面的函数,view是一个全局变量
          $(.test).onClick = function()
         {
             stdout.println("H1被点击1");
             view.getSomeData("pa1",2);
             return true;
         }
       // 函数sendToJs可以供C++来调用
       function sendToJs( str )
       {
            stdout.println("in sendToJs");
            stdout.println(str);
       }
    <body>
         <h1 .test>Hello World!</h1>
    </body>
</html>

8.在项目目录下,新建一个 bat文件,内容如下: 前面的.exe路径是sciter的打包工具可以把html的东西都打包进软件。
C:\Users\Bin\Desktop\sciter-sdk-master\bin\packfolder.exe res resources.cpp -v "resources"

9.运行bat,会在把项目里的res文件夹内的东西,打包成一个资源文件再当前的项目里面 resources.cpp,在项目内,添加这个文件

10.到Sciter的解压目录下,进入include文件夹,把里面的sciter-win-main.cpp拷贝到我们MySciter项目文件内,并在项目中添加此文件

11.把sciter-sdk\bin\64或32的dll复制到项目bin目录下需要跟当前软件再同一目录;

12.编译运行。

 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
根据引用内容,Vue3.2封装一个组件库的过程包括以下步骤: 1. 组件的项目初建: 1-1. 创建项目; 1-2. 在`packages/button`目录下创建`index.js`文件; 1-3. 在`packages/button`目录下创建`index.vue`文件; 1-4. 在`packages`目录下创建`index.js`文件; 1-5. 在`App.vue`中使用组件; 1-6. 配置`package.json`; 1-7. 配置`main.js`和`vite.config.ts`。 2. 组件库之button组件: 2-1. 在`packages/button`目录下创建`index.vue`文件; 2-2. 在需要使用button组件的地方使用该组件。 3. 组件库之input组件: 3-1. 在`packages/input`目录下创建`index.js`文件; 3-2. 在需要使用input组件的地方使用该组件。 4. 发布npm组件库: - 切换npm镜像为淘宝镜像:`npm config set registry https://registry.npm.taobao.org/`; - 登录npm账号:`npm login`; - 执行打包命令:`npm run build`; - 发布组件库:`npm publish`。 在Vue项目的`main.js`文件中,可以引入组件库并使用: ```javascript import "./assets/main.css"; import TUI from "xzl-vue-ui"; const app = createApp(App); app.use(TUI); app.mount("#app"); ``` 通过以上步骤,你可以完成Vue3.2封装组件库的过程,并可以在项目中使用该组件库。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [vue3.2从0-1封装一个组件库 ( 组件项目的创建 - 发布npm - 使用组件库 )](https://blog.csdn.net/weixin_43845137/article/details/127256751)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [vue3.2二次封装antd vue 中的Table组件(基础封装)](https://blog.csdn.net/m0_57004866/article/details/120419733)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值