Welcome to wuxy's Blog!

本站是wuxy的开发，阅读记录

html-css-js开发教程

2019-08-28

wuxy

web

html-css-js 收录
- html
- css
- HTML DOM
- 视频教程
html
- https://www.runoob.com/tags/html-reference.html: HTML 参考手册- (HTML5 标准)
css
- https://www.runoob.com/cssref/css-reference.html :CSS 参考手册
HTML DOM
- https://www.runoob.com/js/js-htmldom.html: JavaScript HTML DOM
- https://www.w3school.com.cn/jsref/dom_obj_window.asp ：Window 对象
视频教程
- https://www.bilibili.com/video/av26087098/?p=2 ： 06-大前端-全栈教程-DOM实战详解
- https://www.bilibili.com/video/av66626434/?spm_id_from=333.788.videocard.14： JavaScript经典案例视频（19集），很经典。
Read All
五子棋的入门研究

2019-08-28

wuxy

我的兴趣爱好

五子棋原创
视频教程

开源软件
- https://leach-chen.github.io/storedata1/favorite/?id=game_4 ： H5五子棋对战游戏，在leach-chen上有很多开源项目。
五子棋研究文章
- https://www.zhihu.com/question/267273167 ：五子棋中，先手下棋到底有多大的优势？
- https://www.zhihu.com/question/21026248 ：五子棋最好的开局方式是什么？
- https://zhuanlan.zhihu.com/p/51846364 ：一个非常硬核的五子棋资料站
- http://ku10.com/ ：动态演示教程，没有声音，只有图文
我的入门研究
Read All
nodejs和js的前端后端开发笔记

2019-08-28

wuxy

web

nodejs 原创
- 常见问题
- 扩展阅读
常见问题

nodejs是什么？
- js和nodejs本质上是不同的东西，js是一种编程语言，而nodejs是一种运行环境，nodojs的出现使得js可以开发服务器应用。但是在nodejs中会有一些超出js语法的使用，比如require。而js本身不支持import,include等操作，js想要实现调用其他js文件，可以使用
- https://blog.csdn.net/Inuyasha1121/article/details/51071803 ： js文件中引用其他js文件，但文中原理基本也是使用
服务器应用开发
- 服务器应用开发也就是后端开发，理论上，任何可以在PC上开发应用的语言的是可以的，比如java,C#,python，等等，那么C，C++可以吗？当然可以的，只不过那些专用的服务器语言具有很好的开发生态和相关库，便于和前端交互，所以主流的后端开发语言一般都是php,java,C#等，而有了nodejs以后，js也可以开发后端应用了。
前端如何读取mysql数据并显示在页面上？
- html不能读取本地数据，也不能跨域读取；
- 但是html可以嵌入js语言，jQuery可以用ajax读取服务器端（或本地）的json数据；
- https://bbs.csdn.net/topics/390197089 ：javascript读取mysql数据库的数据；
- 最好的方式是，用服务器语言来操作数据库，然后前后端通过请求来实现数据传递，传递的数据格式可以是json.
扩展阅读
- https://www.cnblogs.com/willian/p/4195583.html ：NodeJS让前端与后端更友好的分手，提出了一些前后端的开发方案
- https://blog.csdn.net/mqy1023/article/details/51194823 ： web实战(三)— — Tab选项卡切换效果
Read All
Eos开发实例--众筹项目

2019-08-26

wuxy

blockChain

EOS 原创
说明
- 本实例为一个众筹Dapp,界面简单，代码量很少，但是基本的Dapp开发的方法都概括了，非常便于入门者学习；
- 本文实例的开发环境和工具为：window10,nodejs,js4eos,react,eosjs,kylin测试网；
- 本实例的开发不需要安装EOSIO和EOSCDT;
- 本实例开发理论上可以用任何IDE，但是本文推荐使用vscode.
- 本实例是一个网页版的Dapp,这是Dapp主流开发方式，当然也可采用客户端的方式，这两种方式都可以，但是网页版的更加精简，方便教学和入门。
- 实例为什么不用主网测试呢？因为在主网上测试需要真金白银，而测试网上是免费的，而开发过程是一样一样的。
准备工作和前提条件
- 想要开发EOS Dapp必须精读白皮书和官网教程，看完之后可能还是云里雾里，没关系，我们可以有些概念，等用到的时候，就会恍然大悟，原来如此了。
- 详细了解js4eos和eosjs，简单了解react,这些东西是干什么的？先不用管他，后面的教程里面会提到;
- 了解一下kylin测试网，并且要在上面注册大于2个账户，注册办法很简单，官网有说明的；
- 基本了解前端开发流程，了解html，基本了解C++语法;
- 如果你完成了以上的准备工作，那么恭喜你，你只需要再用两天的时间，就可以实现一个简单的Dapp了。
Dapp产品效果

这里先展示一下DApp的效果，大家有了目标效果，就有了方向，也对我们接下来要做的工作有个心理准备，知道我们要做什么，可以做什么。
- Dapp网页效果查看Dapp网页：https://wuxyblockchain.github.io/
- kylin测试网效果查看智能合约：https://kylin.eosx.io/account/wuxytestnet1
开发准备工作和说明
- 开发流程说明 EOS dapp开发主要分为2大块：前端开发+智能合约开发，看起来和普通的app开发基本上差不多，实际表面上确实如此，很多工作Eosio已经帮我们做好了，作为初级dapp开发者，我们可以不深究其中原理，等我们会使用了eos再去深究eos是怎么实现分布式的，所以作为一个初学者，请你们忘记它是一个分布式Dapp,把他当成一个简单的app应用去开发，你就会发现原来一切都如此简单。
- 安装node 进入node官网，安装windows版本的即可，和普通软件安装方法一样，简单免述,最新的node都已经包含了npm工具；无论是前端开发还是智能合约开发，node都是必要的。后面的开发过程会看到。
- 安装js4eos 使用npm安装即可，npm install js4eos ; npm npm安装详解可以自行百度; 具体详情可以查看：https://github.com/itleaks/js4eos
js4eos是用于开发智能合约的，其目的是取代了eosio和eoscdt，这就是为什么不用安装eosio的原因了，但是eos官方还是建议使用eos，开发命令基本一致。
- 安装eosjs eosjs是EOS RPC库，有了eosjs后，js就可以和EOS通信了，所以eosjs是用于前端开发的。安装方法和详细说明：https://github.com/EOSIO/eosjs
DApp开发

从这里开始真正的Dapp 开发，Dapp开发分为前端开发和智能合约开发，其实者这两者的开发没有说明关系，完全可以相互独立，只是前端开发会调用智能合约里的action，所以我们的开发流程是先开发智能合约，再开发前端，其中智能合约是完全可以独立使用的，不过没有前端的话，只能用命令行，很不方便。

智能合约开发

智能合约开发，就是使用eos和C++开发，这里为了教学方便使用了js4eos，具体的使用方法可以参考：https://github.com/itleaks/js4eos，官网都非常详细，我不做过多的说明。当然也可以查看：js4eos开发智能合约，是我整理的开发步骤。

智能合约开发还是很简单的，主要步骤就是:
- 编写合约代码
- 编译生成wasm文件
- 编译生成abi文件
- 部署wasm和abi文件到这里就完成了，接下来我们还可以测试一下，合约是否正常工作了。测试方法就是用命令行push调用合约，调用和即可在： https://kylin.eosx.io/account/wuxytestnet1 中看到合约信息。
以下是众筹合约的源码：

``` //2019-08-26 //众筹合约 //wuxy

#include <eosiolib/eosio.hpp> #include <eosiolib/asset.hpp>

using namespace eosio;

class loveoffering:public eosio::contract { public: loveoffering(account_name self):eosio::contract(self),_projects(self,self),_donations(self,self) {
```
}

/// @abi action
void version()
{
    print("loveoffering version 0.1");
}

/// @abi action
void addproject(std::string projectName,std::string projectIntro,uint64_t projectToken)
{
    require_auth(_self);
    print("Add project: ",projectName);
    print("Project Introduction: ",projectIntro);

    for(auto &item:_projects)
    {
        if(item.projectName==projectName)
        {
            print("Same Project Name: ",projectName);
            eosio_assert(true,"Same Project Name");
        }
    }

    _projects.emplace(get_self(),[&](auto &p)
    {
        p.key=_projects.available_primary_key();
        p.projectId=_projects.available_primary_key();
        p.projectName=projectName;
        p.projectStatus=1;
        p.intro=projectIntro;
        p.quantityWanted=projectToken;
    });
}

/// @abi action
void modifyproj(std::string projectName,std::string param,uint64_t value)
{
    require_auth(_self);  //只能是合约用户修改
    for(auto &item:_projects)
    {
        if(item.projectName==projectName)
        {
            if(std::string("quantityWanted")==param) //修改预期数量
            {
                _projects.modify(item,get_self(),[&](auto &p){
                p.quantityReceived=value;
                });
            }
            else if(std::string("quantityReceived")==param) //修改已经收到的数量
            {
                _projects.modify(item,get_self(),[&](auto &p){
                p.quantityReceived=value;
                });
            }
        }
    }
}

/// @abi action
void offerlove(account_name donator,account_name to,asset quantity ,std::string projectName)
{
    require_auth(donator);
    print("Donate for ",projectName," by ",donator);
```
Read All
nodejs应用开发

2019-08-01

wuxy

web

nodejs 收录
JS
- https://wangdoc.com/javascript/ ：JavaScript 教程，很全面专业的中文教程。
- https://www.w3school.com.cn/jsref/met_doc_getelementbyid.asp ： w3school学院。
- https://www.cnblogs.com/carekee/articles/1678041.html :Js获取当前日期时间及其它操作
- https://www.cnblogs.com/i7758/p/7160509.html ：12款Javascript表格控件(DataGrid)。
- https://blog.csdn.net/baidu_20876831/article/details/80659730 ：用js实现动态添加表格数据，js放在html中实现
- https://www.cnblogs.com/Renyi-Fan/p/9134967.html ：js如何动态创建表格（两种方法），个人博客，有讲解分析。
- https://blog.csdn.net/xuaner8786/article/details/79468546：javaScript 实现表格table分页，实测不能分页，但是代码可以借鉴。
- https://blog.csdn.net/rq2/article/details/83195879 ：HTML静态表格分页（通过JS实现），可以实现简单的分页，但是很多漏洞，代码可以借鉴。
jQuery
- http://jquery.cuishifeng.cn/index.html :jQuery API 3.3.1 速查表 –作者：Shifone
- https://www.jb51.net/zt/jquerydown.htm :jquery下载所有版本（实时更新)
nodejs
- http://nodejs.cn/api/ ：Node.js v10.16.2 文档。中文文档，很全面。
- http://nodejs.cn/api/fs.html
- https://www.w3cschool.cn/nodejs/nodejs-fs.html：
- https://nodejs.org/api/fs.html#fs_fs_writefile_file_data_options_callback：
- http://how2j.cn/k/nodejs/nodejs-mysql/1768.html#nowhere : http://how2j.cn学院教程
express
- http://www.expressjs.com.cn/4x/api.html#req：express API详解，express官网资料。
- http://www.expressjs.com.cn/starter/static-files.html :利用 Express 托管静态文件,托管后就可以访问本地文件了。
- http://expressjs.jser.us/：Express - 中文文档( node.js Web应用框架 )。
- http://javascript.ruanyifeng.com/nodejs/express.html ：Express框架，一个非常全的框架网站。
- https://www.runoob.com/nodejs/nodejs-express-framework.html：Node.js Express 框架简单使用教程。
h5
- https://www.w3school.com.cn/tiy/t.asp?f=jsref_node_firstchild :w3school.com在线运行代码。
html DOM
- https://www.w3school.com.cn/jsref/met_node_insertbefore.asp :HTML DOM insertBefore() 方法
web
- https://www.cnblogs.com/gamedaybyday/p/6637933.html ：NodeJS收发GET和POST请求
json
- https://blog.csdn.net/EggDream/article/details/77509978 : JSON对象解析为JavaScript对象
- https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON : json技术文档
- https://segmentfault.com/q/1010000015755513：json解析为js失败
- https://cnodejs.org/topic/54929c5561491ead0cc7bff2：Express 解析 json 格式 post 数据
- https://blog.csdn.net/u012235651/article/details/71172349：前端学习之——js解析json数组
- https://blog.csdn.net/zhaoxiang66/article/details/79894209 ：利用nodejs对本地json文件进行增删改查。其中使用的是json特有的操作，和普通文件操作不太一样。
前端读取本地json文件
- https://www.cnblogs.com/ooo0/p/6385698.html： jQuery ajax读取本地json文件
- https://www.cnblogs.com/chiangchou/p/jsonp.html： jQuery jsonp跨域请求
跨域问题
- https://blog.csdn.net/u014727260/article/details/72793459 ：ajax跨域问题（三种解决方案）
- https://blog.csdn.net/qq_23832313/article/details/81946838 ：彻底解决跨域问题(五种解决跨域的方式)
- https://blog.csdn.net/Joyhen/article/details/21631833 :前端解决跨域问题的8种方案（最新最全）
服务器相关
- https://zhuanlan.zhihu.com/p/59297350 ：linux后台执行命令：&与nohup的用法，用于解决断开ssh后，由ssh终端运行的程序会退出。
mongodb
- https://blog.csdn.net/qq_28004379/article/details/80409821 ：后端-Node（express）连接mongodb到前端-访问接口将数据显示页面（一条龙）
- https://blog.csdn.net/zxc123e/article/details/53334803 ：nodejs操作mongodb数据库（mongodb），采用npm安装的mongodb,主要包含了一些简单的增删改查的操作。
mySQL
- https://github.com/mysqljs/mysql :mySQL for nodejs
- https://blog.csdn.net/zxc123e/article/details/53232409 :nodejs与mysql数据库的交互操作
- https://www.jianshu.com/p/3eb39d13449f : nodejs连接mySQL数据库连接失败问题
- http://how2j.cn/k/nodejs/nodejs-mysql/1768.html#nowhere :NODEJS 如何用 MYSQL 进行增删改查 CRUD 操作
- https://www.runoob.com/mysql/mysql-create-tables.html ：mysql的简单使用,菜鸟教程
- http://c.biancheng.net/view/2625.html ：mysql workbench使用
SQLite3
- https://blog.csdn.net/wap1981314/article/details/81185768 : Nodejs 操作Sqlite3数据库
- https://blog.csdn.net/qq_42915565/article/details/81738290 :node.js使用sqlite3的用法
- https://blog.csdn.net/qq_38081746/article/details/90673681 : Nodejs之SQLite3数据库
遇到的问题及解决方法
- https://stackoverflow.com/questions/36856232/write-add-data-in-json-file-using-node-js ：write/add data in JSON file using node.js
Read All
js4eos开发智能合约

2019-08-01

wuxy

blockChain

EOS 原创
说明
- 本文测试环境为：window10,js4eos,kylin测试网
- 所有命令都是在powershell中运行的，在命令中遇到“”时需要加“\ ”转义；
- 当然也可以在mingw等linux的环境下运行，比如git bash就可以，就不需要转义了。
- 预先安装node,安装过程很简答，直接到node官网，然后和普通软件安装方式一样；
- 然后安装js4eos.
- js4eos的命令和cleos基本一致，具体参见js4eos官网。
- 预先创建kyiln账号，免费的。
开发步骤

钱包账号
- js4eos wallet create -n wuxyWallet
- js4eos wallet unlock -n wuxyWallet
- js4eos wallet import -n wuxyWallet 5JcYhRpuN8KYg4sfxVe7ZUCYhQ3mn1tXXTYxJdopNi1oCGSGtLK
- js4eos wallet keys：查看钱包中的公钥
- js4eos get account wuxytestnet1:查看账户信息
编写编译智能合约
- mkdir loveoffering :一定要是英文目录
- cd loveoffering
- 新建智能合约源文件：loveoffering.cpp,其中.hpp文件可选，简单的合约我们可以把所有的代码写在.cpp里
- js4eos compile -o loveoffering.wasm loveoffering.cpp:编译生成wasm文件，在区块链中实际运行的文件，机器看的。
- js4eos compile -g loveoffering.abi loveoffering.cpp:编译生成abi文件，作为合约接口，给人看的，方便调用。
- 合约名就是账户名，实际上不存在合约名这个概念，账户名、文件名、类名3个名称没有关系。
- action和table的命令要符合base32的规则，即a~z,1~5
部署合约
- js4eos config set –network kylin:把当前的网络设置成kylin
- js4eos config set：可查看网络
- 切换到loveoffering目录上一级
- js4eos set contract wuxytestnet1 loveoffering:其中loveoffering是文件夹
- 部署需要私钥，所有记得wallet unlock
调用合约
- js4eos push action wuxytestnet1 version ‘[]’ -p wuxytestnet1@active:因为version action没有参数
- js4eos push action wuxytestnet1 addprooject ‘["project1","help_child",100]’ -p wuxytestnet1@active:在ps中需要添加转义
- js4eos push action wuxytestnet1 offerlove ‘["wuxytestnet2","knights"]’ -p wuxytestnet2@active
- js4eos push action wuxytestnet1 modifyproj ‘[“knights”,”quantityReceived”,0]’ -p wuxytestnet1@active
其他配置

配置合约账号的eosio.code权限：
- js4eos set account permission wuxytestnet1 active ‘{"threshold": 1, "keys": [{"key":"EOS5SCyJoqf1t114JAFPRW7AMbY6q2F1rVeTyFFbpfkuHg6nZwi7r","weight": 1}], "accounts": [{"permission":{"actor":"wuxytestnet1", "permission":"eosio.code"}, "weight":1}], "waits": []}’ owner -p wuxytestnet1@owner
- js4eos set account permission wuxytestnet2 active ‘{"threshold": 1, "keys": [{"key":"EOS7v3ezbBTbLSJr8cRkeySGq8c1x7YouyVQin6k82e6unbtTvN3S","weight": 1}], "accounts": [{"permission":{"actor":"wuxytestnet1", "permission":"eosio.code"}, "weight":1}], "waits": []}’ owner -p wuxytestnet2@owner
- js4eos push action eosio.token transfer ‘[ "wuxytestnet2", "wuxytestnet1", "25.0000 EOS", "memo"]’ -p wuxytestnet2@active：转账操作
  参考文献
- https://github.com/itleaks/js4eos ：官方资料
- 一条Javascript命令玩转EOS, js4eos开源了：https://blog.csdn.net/ITleaks/article/details/82466329：其实就是翻译官网资料，翻译的还不错
Read All

2/10

Welcome to wuxy's Blog!

html-css-js开发教程

html

css

HTML DOM

视频教程

五子棋的入门研究

视频教程

开源软件

五子棋研究文章

我的入门研究

nodejs和js的前端后端开发笔记

常见问题

nodejs是什么？

服务器应用开发

前端如何读取mysql数据并显示在页面上？

扩展阅读

Eos开发实例--众筹项目

说明

准备工作和前提条件

Dapp产品效果

开发准备工作和说明

DApp开发

智能合约开发

nodejs应用开发

JS

jQuery

nodejs

express

h5

html DOM

web

json

前端读取本地json文件

跨域问题

服务器相关

mongodb

mySQL

http://c.biancheng.net/view/2625.html ：mysql workbench使用

SQLite3

遇到的问题及解决方法

js4eos开发智能合约

说明

开发步骤

钱包账号

编写编译智能合约

部署合约

调用合约

其他配置

参考文献