HarmonyOS+Django登录页面

目录

前端配置

config.json

CSS与HML

 JS文件编写

后端配置

编写路由配置

建表连接数据库

编写views.py

---

前端配置

config.json

在DevEco中config.json文件中添加如下代码,作用是为了让priviewer可以连接本地Django服务器

"reqPermissions": [
      {
        "name": "ohos.permission.GET_NETWORK_INFO"
      },
      {
        "name": "ohos.permission.SET_NETWORK_INFO"
      },
      {
        "name": "ohos.permission.INTERNET"
      }
]

"deviceConfig": {
    "default": {
      "process": "com.huawei.hiworld.example",
      "supportBackup": false,
      "network": {
        "cleartextTraffic": true
      }
    }
  

CSS与HML

<div class="container">
    <div class="row1">
        <div class="input-block">
            <input name="username" class="input" type="text" maxlength="10" placeholder="登录" onchange="inpitAccount"/>
        </div>
    </div>
    <div class="row2">
        <div class="input-block">
            <input name="password" class="password" type="password" maxlength="10" placeholder="密码" onchange="inpitPassword"/>
        </div>
    </div>
    <button class="btn" onclick="onClick">立即登录</button>
    <text>{
  {winfo}}</text>
</div>