联系人

一个Flutter项目,用4种方式(API、自定义、Preferences和Sqflite)实现了一个联系人应用。它包含一些常见操作,如联系人的创建、编辑、搜索和查看。此项目中的联系人与您智能手机中存储的联系人无关。

演示Flutter和PHP用法的应用程序。

使用Material Design图标创建的应用程序Logo
托管使用了000webhost

内置

Flutter - 跨平台应用开发框架。

屏幕截图

App_In_App_Drawer

App_Logo

Ways_Available

Contacts

Logs

Navigation_Drawer

Contact_Details

Deleted_Contacts

Edit_Contact

Search_Contacts_With_Search_Query

Create_Contact

Google_Place_Search

如何使用此应用程序。

  • 将phpbackend文件夹中的示例托管到首选的Web托管上 phpbackend

  • 使用 contacts.sql 在您的数据库中创建表

  • 如果您使用自己的网站并遵循上述步骤,请编辑 constants.dart 中的以下常量

    static const String _CONTACT_API_BASE_URL = "https://hafinse.000webhostapp.com/contact/";

  • 如果您使用phpbackend中的文件,请确保编辑 DatabaseConnection.php 并更改以下内容-

    private $host = "your_host";
    private $db_name = "your_database_name";
    private $username = "your_user_name";
    private $password = "your_password";

  • 请确保使用您自己的Google Place Search API密钥,编辑 constants.dart 中的以下常量

    const String GOOGLE_PLACE_API_KEY = "REPLACE_IT_WITH_YOUR_OWN_API_KEY";

如果您不想执行上述步骤,只需克隆此存储库并按原样使用,它已托管在免费Web主机000webhost hafinse

通过此项目您可以学习到的内容 -

  1. 从联系人列表项到联系人详情的Hero动画。
  2. Google地点搜索。
  3. 右滑编辑联系人,左滑删除联系人。
  4. 正则表达式。
  5. 表单验证。
  6. 单页多个浮动操作按钮。
  7. 为结果启动页面。
  8. Base64字符串转换为图像,以及图像转换为Base64字符串。
  9. 从图库和相机选择图片。
  10. 从联系人详情启动电话意图。
  11. 从联系人详情启动邮件意图。
  12. 从联系人详情启动地图意图
  13. 从API存储和检索值。
  14. 从共享偏好设置存储和检索值。
  15. 从SQLite数据库存储和检索值。
  16. 从临时对象存储和检索值。
  17. 导航抽屉。
  18. 具有多种视图类型的导航抽屉。
  19. 页面之间的导航。
  20. 在后台线程中执行操作。
  21. 后台操作链。
  22. REST API集成。
  23. 用PHP创建REST API
  24. JSON的序列化和反序列化。
  25. ProgressDialogs和SnackBar。
  26. 自定义ProgressDialog和自定义视图。

已实现的功能

  • 应用程序可在Android和iOS平台上运行。
  • 应用程序的所有可用操作均以4种方式实现

    -> API = 集成PHP中创建的REST API Postman Collection链接用于REST API

    -> Custom = 使用了类和对象

    -> Preferences = 使用了共享偏好设置

    -> Sqflite = 使用了Sqlite数据库
  • PHP中的REST API
  • 启动屏
  • 导航抽屉
  • 联系人列表
  • 已删除的联系人列表
  • 日志
  • 创建联系人
  • 联系人详情
  • 编辑联系人
  • 搜索联系人
  • 浮动操作按钮
  • Hero Animation
  • Google地点搜索

GitHub

https://github.com/harsh159357/contacts