Система распознавания изображений китайских лекарственных средств — мобильное приложение

Описание

Данный проект представляет собой мобильную версию приложения для распознавания китайских лекарственных средств. Серверная часть проекта доступна по ссылке: «Система распознавания изображений китайских лекарственных средств – серверная часть» (https://gitee.com/xiaohaoo/chinese-medicine-identification-admin).

Обзор проекта

Мобильное приложение для распознавания китайских лекарственных средств предназначено для идентификации лекарственных средств по фотографиям. Система предоставляет список из 10 наиболее вероятных вариантов лекарственных средств, а также включает в себя следующие функции: просмотр подробной информации о лекарственных средствах, фильтрация лекарственных средств и полнотекстовый поиск, доступ к сообществу вопросов и другие.

Предварительный просмотр проекта

• Демонстрация работы проекта:
  • Таблица с изображениями экрана запуска, главной страницы, функции фильтрации, просмотра подробной информации о лекарственном средстве.
  • Изображения процесса распознавания по фотографии, результатов прогнозирования и результатов поиска.
• Видеодемонстрация (https://www.bilibili.com/video/BV14T4y157rM).
• Ссылка для скачивания приложения (https://gitee.com/xiaohaoo/chinese-medicine-identification/releases).

Технические детали

Проект может работать на различных мобильных устройствах, включая Android и iOS.

Используемая среда разработки: React Native, кроссплатформенная разработка.

Основные используемые компоненты:

— @ant-design/react-native (компоненты Ant Design); — react-native-vector-icons (библиотека иконок); — react-navigation (компонент навигации); — react-native-webview (рендеринг HTML-компонентов); — react-native-picker (нижний селектор); — react-native-image-picker (выбор изображения, включая функцию съёмки); — babel-plugin-import (по требованию).

Основная структура каталогов

├─node_modules
├─android
│  ├─app
│  │  ├─build
│  │  ├─release
│  │  └─src
│  │      ├─debug
│  │      └─main
│  │          ├─assets
│  │          │  └─fonts
│  │          ├─java
│  │          │  └─com
│  │          │      └─chinese_medicine_identification
│  │          └─res
│  ├─build
│  └─gradle
│      └─wrapper
├─ios
│  ├─chinese_medicine_identification
│  │  ├─Base.lproj
│  │  └─Images.xcassets
│  │      └─AppIcon.appiconset
│  ├─chinese_medicine_identification-tvOS
│  ├─chinese_medicine_identification-tvOSTests
│  ├─chinese_medicine_identification.xcodeproj
│  │  └─xcshareddata
│  │      └─xcschemes
│  └─chinese_medicine_identificationTests
├─src
│  ├─assets
│  │  └─img
│  ├─page
│  │  ├─about-page
│  │  ├─boot-page
│  │  ├─camera-page
│  │  ├─history-page
│  │  ├─home-page
│  │  ├─medicine-detail-page
│  │  ├─mine-page
│  │  ├─problem-page
│  │  ├─result-page
│  │  └─search-result-page
│  ├─router
│  └─util
└─__tests__

1. Код интерфейса (./src/page) содержит 13 страниц.
2. Код маршрутизации (./src/router) использует нижние опции навигации и навигацию по стеку.
3. Извлечённые общие компоненты (./src/util).

Зависимости среды

Запуск

Примечание: файл remote-url-demo.js (./src/util/remote-url-demo.js) является примером файла адреса интерфейса данных серверной части. При запуске необходимо переименовать файл в remote-url.js и настроить адрес интерфейса данных серверной части в соответствии с требованиями.

1. Установите зависимости.

   npm install or yarn install

2. Запустите.

   npm run android or yarn run android

3. Соберите пакет Android.

   cd android
   gradle clean
   gradle assembleRelease
   ``` ## Общение, обратная связь и участие в проекте

• Если вы хотите быть в курсе последних новостей проекта, пожалуйста, следите за ним и ставьте ему звёзды. Это также будет лучшей поддержкой для проекта.

• Приглашаем к участию в технических дискуссиях, консультациях по доработке и другим вопросам!

• QQ: 993021993

• WeChat:

  [WECHAT]

Друзья, которым нравится проект, поставьте, пожалуйста, звезду. Это придаст мне уверенности в его поддержке. Спасибо! ^_^