Demonstração do miniaplicativo de classificação de lixo baseado no miniaplicativo springboot + WeChat
ambiente de desenvolvimento de sistema
O ambiente de execução do miniaplicativo WeChat é dividido em uma camada de renderização e uma camada lógica. Existem dois threads para gerenciamento, respectivamente. A interface usa WebView para renderização e a camada lógica usa JsCore para executar scripts JavaScript. A comunicação entre esses dois threads é retransmitido através do cliente WeChat. O cliente WeChat interage com servidores de terceiros por meio de solicitações HTTPS, e o WeChat abre muitas funções para os desenvolvedores, o que é muito conveniente de implementar. Os miniprogramas WeChat trazem muita comodidade aos alunos e, ao mesmo tempo, reduzem a carga de trabalho de adaptação a diferentes dispositivos e sistemas operacionais.Portanto, este sistema é desenvolvido usando a arquitetura do miniprograma WeChat.
Tecnologias relacionadas ao miniprograma WeChat
A intenção original de lançar o miniprograma WeChat não é apenas torná-lo mais conveniente para os usuários, mas também fornecer aos desenvolvedores um ambiente de desenvolvimento mais conveniente e conveniente para um desenvolvimento mais eficiente. O projeto e desenvolvimento de qualquer sistema requer uma estrutura de sistema completa para garantir a operação completa de todo o sistema. Para os miniprogramas WeChat, a fim de tornar o desenvolvimento mais rápido, a estrutura usada pelos miniprogramas WeChat é a estrutura do aplicativo MINA. A estrutura MINA é principalmente um sistema responsável pela interação de dados. Sua composição inclui principalmente a estrutura da camada de visualização usada para exibir a página e o sistema da camada lógica responsável por realizar a interação dos dados. Dentre elas, a camada de visualização é responsável por emitir solicitações de eventos, e a camada lógica é responsável por receber e processar dados. Quando a camada lógica recebe os dados, a camada de visualização faz as atualizações correspondentes com base nas alterações de dados na camada lógica.A estrutura MINA sincroniza as alterações de dados na camada lógica e na camada de visualização.
A estrutura também é responsável por muitas operações interativas, os desenvolvedores só precisam inserir os métodos e funções da página a serem implementados, e a estrutura pode gerenciar o roteamento da página e o ciclo de vida de todo o programa, permitindo que o miniprograma salte perfeitamente para diferentes filhos páginas. Suave. A camada de visualização na estrutura MINA é usada para desenvolver a interface front-end do miniprograma. A página constrói a interface e usa as linguagens WXML e WXSS para desenvolvimento. As linguagens WXML e WXSS são linguagens de descrição fornecidas pela própria estrutura, e WXML é usado para descrever a estrutura da página. WXSS é usado para controlar o estilo de exibição da página e construir a estrutura básica de visualização da página. A camada lógica AppService é o centro de serviços do MINA. É responsável pelos dados necessários para a renderização da página e pela lógica de processamento de interação da página, gerenciando o ciclo de vida da aplicação e o roteamento da página. A camada de visualização envia solicitações de eventos para a camada lógica , e a camada lógica executa o processamento e processamento dos dados da página por meio das solicitações, transmitidos e, em seguida, enviados para a camada de visualização para renderização da página. A camada lógica é escrita em linguagem JavaScript para implementar interação de página, solicitações de rede e processamento de dados. A camada lógica contém poderosas funções de interface API de pequenos programas. Ao desenvolver, os desenvolvedores podem chamar diretamente qualquer função necessária, incluindo a interface para obter informações do usuário ., interface de função de pagamento, interface de função de serviço de localização, etc. Além disso, o miniprograma usa JSBridge para mobilizar a interface API subjacente. JSBridge conecta a Web e o Native por meio de JavaScript, para que o Native possa chamar o código JS da WEB e a Web possa chamar o código nativo. Portanto, o desenvolvimento de miniprogramas WeChat não precisa considerar as diferenças entre os sistemas operacionais iOS e Android, os dois são compatíveis e só precisam ser desenvolvidos na camada de visualização e na camada lógica. A figura a seguir mostra principalmente a estrutura principal da estrutura MINA:
Diretório de arquivos do miniaplicativo WeChat
O desenvolvimento de cada miniprograma WeChat deve incluir um aplicativo cuja função principal seja descrever o miniprograma como um todo, e uma página que seja usada principalmente para descrever a página do miniprograma. Ao desenvolver o miniprograma, o diretório de estrutura de código inicializado pelo miniprograma WeChat é muito simples e claro. Apenas dois diretórios são exibidos, ou seja, o diretório de páginas e o diretório de utils, bem como app.js, app.json e app .wxss.arquivos do aplicativo. Para o diretório de páginas, sua função principal equivale a uma “memória” usada para “armazenar” cada página de exibição do applet. Uma página corresponde a um diretório que contém quatro arquivos: arquivos js, arquivos wxml, arquivos wxss e arquivos json. Conforme mostrado na figura abaixo, o diretório de páginas armazena principalmente os arquivos que constituem as duas páginas, índice e logs. Utils é responsável por armazenar bibliotecas js e arquivos em formato digital
Exibição da página do sistema
Se necessário, você pode digitalizar o código QR abaixo do artigo para entrar em contato com o código-fonte.