喜欢的朋友可在抖音、小红书、微信公众号、哔哩哔哩搜索“淼学派对”。知乎搜索“编程淼”。
ArkTS 是一个开源的 TypeScript 框架,旨在简化和加速构建 Node.js 后端应用程序的过程。下面是 ArkTS 框架的简介以及 TypeScript 与 JavaScript 的比较:
TypeScript 提供了更严格的类型检查和更好的代码提示,使得开发更加安全和高效,而 JavaScript 则更灵活,适用于快速原型开发和小型项目。选择使用 TypeScript 还是 JavaScript 取决于项目的具体需求和开发团队的偏好。 ArkTS 则是建立在 TypeScript 基础上,提供了更多后端开发的便捷功能,适用于需要构建可靠和健壮后端应用程序的场景。
ohpm使用指导-命令行工具-DevEco Studio使用指南-工具-HarmonyOS应用开发
1. 解压到文件夹之后,来到ohpm\bin目录下利用cmd打开命令窗口
2.首先切换到npm默认的源:npm config set registry https://registry.npmjs.org/
(这里不能使用npm淘宝的镜像源)
3.执行命令行:init.bat
4.查看ohpm版本:ohpm -v(有版本显示,说明安装鸿蒙下载器成功)
1.进入网址:DevEco Marketplace (harmonyos.com)
2.进入创建的鸿蒙项目的根目录下,利用开发者工具打开根目录的命令行窗口,输入:npm install @ohos/axios --save
import axios from '@ohos/axios'
@Entry
@Component
struct Index {
// 上传数据
@State shangchuan_xingming: string = ''
@State shangchuang_nianling: string = ''
@State shangchuan_xingming_del:string =''
@State shangchuan_xingming_upd:string =''
@State shangchuan_newNianling_upd:string =''
@State shangchuan_xingming_find:string =''
build() {
// Row() {
Column() {
// 上传数据
Text('鸿蒙os连接mongoDB数据库')
.margin(20)
.backgroundColor('#62d1')
.borderRadius(10)
.height(50)
.fontWeight(500)
// 输入框1
TextInput({placeholder:'请输入姓名'})
.margin(20)
.height(50)
.onChange(value =>{
console.log(value)
this.shangchuan_xingming = value
})
.backgroundColor('#36D2')
TextInput({placeholder:'请输入年龄'})
.margin({ left:20,right:20,bottom:20 })
.height(50)
.onChange(value =>{
console.log(value)
this.shangchuang_nianling = value
})
.backgroundColor('#36D2')
Button('增加')
.width(200)
.onClick(()=>{
axios({
method: "post",
url: 'http://localhost:3000/publish',
data:{
name:this.shangchuan_xingming,
nianling:this.shangchuang_nianling
},
}).then(res => {
console.info('result:' + JSON.stringify(res.data));
}).catch(error => {
console.error(error);
})
})
// 删除数据
// 输入框1
TextInput({placeholder:'请输入要删除的姓名'})
.margin(20)
.height(50)
.onChange(value =>{
console.log(value)
this.shangchuan_xingming_del = value
})
.backgroundColor('#36D2')
Button('删除')
.width(200)
.onClick(()=>{
axios({
method: "post",
url: 'http://localhost:3000/del',
data:{
name:this.shangchuan_xingming_del,
},
}).then(res => {
console.info('result:' + JSON.stringify(res.data));
}).catch(error => {
console.error(error);
})
})
// 修改数据
// 输入框1
TextInput({placeholder:'请输入要修改的姓名'})
.margin(20)
.height(50)
.onChange(value =>{
console.log(value)
this.shangchuan_xingming_upd = value
})
.backgroundColor('#36D2')
TextInput({placeholder:'请输入新的年龄'})
.margin({ left:20,right:20,bottom:20 })
.height(50)
.onChange(value =>{
console.log(value)
this.shangchuan_newNianling_upd = value
})
.backgroundColor('#36D2')
Button('修改')
.width(200)
.onClick(()=>{
axios({
method: "post",
url: 'http://localhost:3000/upd',
data:{
name:this.shangchuan_xingming_upd,
newNianling:this.shangchuan_newNianling_upd
},
}).then(res => {
console.info('result:' + JSON.stringify(res.data));
}).catch(error => {
console.error(error);
})
})
// 查询数据
// 输入框1
TextInput({placeholder:'请输入要修改的姓名'})
.margin(20)
.height(50)
.onChange(value =>{
console.log(value)
this.shangchuan_xingming_find = value
})
.backgroundColor('#36D2')
Button('查询')
.width(200)
.onClick(()=>{
axios({
method: "get",
url: 'http://localhost:3000/find/'+this.shangchuan_xingming_find,
}).then(res => {
console.info('result:' + JSON.stringify(res.data));
}).catch(error => {
console.error(error);
})
})
}
.width('100%')
// }
.height('100%')
}
}