技术特性

跨平台支持

// 示例：Dimina中的页面结构
// pages/index/index.dm
<template>
  <view>
    <text>{{ title }}</text>
    <button @tap="handleTap">点击按钮</button>
    <scroll-view scroll-y>
      <view v-for="item in list" :key="item.id">
        {{ item.name }}
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '欢迎使用Dimina',
      list: [
        { id: 1, name: '项目1' },
        { id: 2, name: '项目2' }
      ]
    }
  },
  methods: {
    handleTap() {
      this.title = '按钮已点击'
      // 调用Dimina API
      dimina.showToast({
        title: '操作成功'
      })
    }
  }
}
</script>

<style>
.container {
  padding: 20rpx;
}
.title {
  font-size: 36rpx;
  color: #333;
}
</style>

// 逻辑层
// logic.js
export default {
  data: {
    userInfo: null
  },
  
  onLoad() {
    this.loadUserInfo()
  },
  
  async loadUserInfo() {
    try {
      const userInfo = await dimina.request({
        url: '/api/user/info'
      })
      this.setData({ userInfo })
    } catch (error) {
      console.error('获取用户信息失败:', error)
    }
  }
}

// 视图层通过数据绑定自动更新

// 资源离线化示例
// 在构建时预加载关键资源
dimina.preload({
  urls: [
    '/common/styles/global.css',
    '/common/scripts/utils.js'
  ]
})

// 页面预加载
// app.dm
export default {
  onLaunch() {
    // 预加载首页资源
    this.preloadPages(['pages/index/index'])
  },
  
  preloadPages(pagePaths) {
    pagePaths.forEach(path => {
      dimina.preloadPage({
        url: path,
        success: () => {
          console.log(`预加载页面成功: ${path}`)
        }
      })
    })
  }
}

// 简单的页面开发
// pages/demo/demo.dm
<template>
  <view>
    <map 
      :latitude="latitude"
      :longitude="longitude"
      :markers="markers"
      @regionchange="onRegionChange"
    />
    <button type="primary" @tap="getLocation">
      获取当前位置
    </button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      latitude: 39.9042,
      longitude: 116.4074,
      markers: [{
        id: 1,
        latitude: 39.9042,
        longitude: 116.4074,
        title: '北京'
      }]
    }
  },
  
  methods: {
    async getLocation() {
      try {
        const location = await dimina.getLocation({
          type: 'gcj02'
        })
        this.latitude = location.latitude
        this.longitude = location.longitude
        
        dimina.showToast({
          title: '定位成功'
        })
      } catch (error) {
        dimina.showModal({
          title: '提示',
          content: '获取位置失败，请检查权限设置'
        })
      }
    },
    
    onRegionChange(e) {
      console.log('地图区域变化:', e)
    }
  }
}
</script>

// 网络请求
const result = await dimina.request({
  url: 'https://api.example.com/data',
  method: 'POST',
  data: { key: 'value' },
  header: {
    'Content-Type': 'application/json'
  }
})

// 文件操作
const fileInfo = await dimina.chooseImage({
  count: 1,
  sizeType: ['compressed']
})

// 设备信息
const systemInfo = dimina.getSystemInfoSync()
console.log('设备型号:', systemInfo.model)

// 数据存储
dimina.setStorage({
  key: 'user_token',
  data: 'xxxxx'
})

// Android集成示例
public class MainActivity extends AppCompatActivity {
    private DiminaContainer diminaContainer;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        diminaContainer = new DiminaContainer(this);
        setContentView(diminaContainer.getView());
        
        // 启动小程序
        DiminaConfig config = new DiminaConfig.Builder()
            .appId("your_app_id")
            .appPath("/path/to/miniapp")
            .build();
            
        diminaContainer.startApp(config);
    }
}

// app.dm - 应用入口文件
export default {
  onLaunch(options) {
    console.log('应用启动:', options)
    this.initApp()
  },
  
  onShow() {
    console.log('应用显示')
  },
  
  async initApp() {
    // 初始化应用数据
    await this.checkUpdate()
    await this.initUserSession()
  },
  
  async checkUpdate() {
    const updateManager = dimina.getUpdateManager()
    
    updateManager.onCheckForUpdate((res) => {
      if (res.hasUpdate) {
        dimina.showModal({
          title: '更新提示',
          content: '发现新版本，是否立即更新？',
          success: (res) => {
            if (res.confirm) {
              updateManager.applyUpdate()
            }
          }
        })
      }
    })
  }
}

# 安装Dimina CLI
npm install -g @dimina/cli

# 创建新项目
dimina create my-project

# 进入项目目录
cd my-project

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 平台特定构建
npm run build:android
npm run build:ios
npm run build:harmony
npm run build:web

# .github/workflows/build.yml
name: Build Dimina App

on:
  push:
    branches: [ main ]

jobs:
  build:
    runs-on: ubuntu-latest
    
    steps:
    - uses: actions/checkout@v2
    
    - name: Setup Node.js
      uses: actions/setup-node@v2
      with:
        node-version: '16'
        
    - name: Install dependencies
      run: npm install
      
    - name: Build for all platforms
      run: |
        npm run build:android
        npm run build:ios
        npm run build:web
        
    - name: Upload artifacts
      uses: actions/upload-artifact@v2
      with:
        name: dimina-builds
        path: |
          dist/android/
          dist/ios/
          dist/web/