Android期末项目:美食点餐APP的设计与实现

目录

1 项目基本信息

1.1 项目名称

1.2 开发运行环境

1.3 使用的核心类及组件

2 项目需求分析

2.1 APP管理员

2.2 APP用户

3 项目开发过程

3.1 APP功能模块

3.2 数据库设计

3.3具体实现

3.3.1 用户注册与登录

3.3.2 fragment首页界面

3.3.3 fragment不同界面切换功能

3.3.4 fragment点菜界面

3.3.5查看/修改个人信息

3.3.6显示浏览记录

3.3.7搜索框的实现

3.3.8数据存储

3.3.9对话框的实现

3.3.10重置密码的实现

4 项目总结及心得

1 项目基本信息

1.1 项目名称

美食点餐APP的设计与实现

1.2 开发运行环境

1. Android 操作系统,不同版本的 Android 操作系统可能对应不同的 SDK 版本。

2. Android SDK:Android SDK 是 Android 软件开发工具包,包括 Android Studio 集成开发环境(IDE)、各种 Android API、相关工具和平台等。使用 Android SDK 可以进行 Android 应用程序的开发。

3. Java 开发环境:Java 开发环境包括 JDK 和 Java IDE 工具。在 Android 开发中,需要使用 JDK 运行 Java 代码,而 Java IDE 工具则可以提高开发效率。

4. Android 设备或模拟器:在进行 Android 应用程序开发和测试时,需要准备一台 Android 设备或者使用 Android 模拟器。Android 设备包括智能手机、平板电脑等多种类型,而 Android 模拟器则可以在电脑上运行 Android 应用程序,方便开发和测试。

1.3 使用的核心类及组件

1. Activity:Activity 是 Android 应用程序中的基本组件,用于表示用户界面和交互行为。在美食点餐 APP 中,许多页面都是通过继承 Activity 实现的,包括主界面、菜品分类界面、菜品详情界面、订单界面等。

2. Fragment:Fragment 是 Android 应用程序中的组件,它可以嵌入到 Activity 或其他 Fragment 中,用于构建灵活的用户界面。在美食点餐 APP 中,也使用了 Fragment 来创建一些复杂的界面,例如展示不同分类菜品的 Fragment。

3. RecyclerView:RecyclerView 是 Android 应用程序中的组件,用于显示大量数据,并支持固定数量的元素视图。

4. Adapter:数据适配器,用于将数据与视图进行绑定。Adapter 通常被用于将数据源包装成 Android 中的各种视图,例如 ListView、RecyclerView等。

5. LitePal或 SQLite数据库:用于存储应用程序的数据。

6.自定义 ActionBar :通过自定义 ActionBar 可以进行样式定义、布局定义、事件处理等等。

7.工具类:StatusBarUtil用于全屏显示,状态栏工具类,SPUtils用于数据持久化工具类。

8.Glide:Android图片加载库,能够高效加载本地和远程的图片资源,并且提供了缓存图片、裁剪图片、变换图片等高级功能。Glide能够自动处理多个图片资源的缩放和变换,能通过流式API、灵活的配置选项和回调机制,内置了活跃内存管理和生命周期支持,大大减少内存问题和开发难度。

9.JSON:JSON用于数据交换。解析Web Service返回的JSON数据,用于展示和处理服务器上的数据;将Java对象转换为JSON格式数据,然后将数据通过网络请求发送到服务器; 将来自服务器的JSON数据持久化存储在APP中,以供离线使用;在运行过程中,动态地从本地文件或者网络中加载JSON配置数据,然后应用此配置来驱动程序的行为和配置;使用JSON结构化存储数据,通过SQLite数据库和SharedPreferences等组件来持久化存储和读取数据。

10.Intent:是一种用于在不同组件之间进行通信的机制。可用于请求组件执行操作,或者传输数据。可以用来执行各种操作,包括启动Activity、启动Service、发送Broadcast以及启动ContentProvider等。

11.JUnit是一个流行的Java测试框架。它提供了一组用于测试Java代码的类和方法。使用JUnit,开发人员可以编写测试用例,测试这些用例以确保代码的正确性和可靠性,可以减少在开发过程中出现错误的可能性,它支持自动化测试,并能够生成报告以提供反馈和记录测试结果。

2 项目需求分析

2.1 APP管理员

(1)首页模块:用于展示推荐菜单信息和类别等信息,并提供操作入口。

(2)订单模块:订单模块包括查看所有订单、对订单进行管理和编辑等功能。

(3)我的模块:用于展示和修改个人信息,以及重置密码等账号安全功能。

2.2 APP用户

(1)首页模块:展示 APP 的主要功能,包括推荐菜单信息、类别等信息。

(2)订单模块:实现用户对订单的查看、创建、修改和取消等功能。

(3)我的模块:展示用户的个人信息、账号安全以及浏览记录。个人信息包括对账号、昵称、年龄和邮箱的修改功能。账号安全可以重置密码。还可查看历史浏览记录。

3 项目开发过程

3.1 APP功能模块

APP的主要功能是首页模块展示 APP 中的主要功能和推荐菜单等信息,通过分类和搜索等功能快速定位用户所需要的信息;订单模块实现用户对订单的查看、创建、修改和取消等功能。用户可以浏览菜品,将喜欢的菜品进行点餐; 用户管理模块实现用户的修改、查看和删除等功能。用户可以修改个人信息,包括昵称、年龄和邮箱等,也可以查看和管理自己的订单和收藏。我的模块:展示用户的个人信息、账号安全以及浏览记录。个人信息包括对账号、昵称、年龄和邮箱的修改功能。账号安全可以重置密码。还可查看历史浏览记录。

3.2 数据库设计

APP在设计数据库时需要4个表来实现,主要包括用户表(user)、菜品表(fruit)、 浏览记录表(browse)、订单表(orders)。

用户表(User)主键为id,存储用户的注册信息,其中account、password、email、nickname、age为用户的相关信息;菜品表(Fruit)主键为id,存储菜品信息,其中title、content、img、issuer、date等字段为菜品的相关信息;浏览记录表(Browse)主键为id,存储用户浏览过的菜品,其中account存储用户账号,title存储浏览过的菜品的标题; 订单表(Orders)主键为id,存储用户购买的菜品订单信息,其中account存储用户账号,title存储订单的标题,number存储订单编号,amount存储购买数量,date存储下单时间等信息。

表3-1 用户表(user)

字段

数据类型

主键

外键

是否为空

说明

id

integer

用户id

account

text

账号

password

text

密码

email

text

邮箱

nickname

text

昵称

age

integer

年龄

表3-2 菜品表(fruit)

字段

数据类型

主键

外键

是否为空

说明

id

integer

id

content

text

内容

date

text

时间

img

text

图片

issuer

text

发布人

title

text

菜品标题

typeid

integer

类型

表3-3 浏览记录表(browse)

字段

数据类型

主键

外键

是否为空

说明

id

integer

浏览记录id

account

text

账号

title

text

菜品标题

表3-4 订单表(orders)

字段

数据类型

主键

外键

是否为空

说明

id

integer

订单id

account

text

账号

amount

text

数量

date

text

时间

number

text

编号

title

text

订单标题

3.3具体实现

3.3.1 用户注册与登录

定义了一个点击事件监听器,处理按钮btnLogin被点击的情况。点击按钮后,代码会首先关闭虚拟键盘,然后获取用户输入的账号和密码。如果账号为空或者密码为空,则会提示用户输入。如果账号存在但是密码错误,则会吐司提示密码错误。如果账号不存在,则会提示账号不存在。如果一切正确,则判断用户是否为管理员,如果是管理员则验证账号是否为管理员账号;如果不是管理员,则验证账号是否为普通用户账号。如果账号类型不对,则提示用户类型错误。最后,将用户输入的账号存入本地,启动MainActivity并关闭当前activity。

//设置点击按钮
btnLogin.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {//关闭虚拟键盘InputMethodManager inputMethodManager= (InputMethodManager) v.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);inputMethodManager.hideSoftInputFromWindow(v.getWindowToken(),0);//获取请求参数String account= etAccount.getText().toString();String password=etPassword.getText().toString();Boolean isAdmit = (Boolean) SPUtils.get(activity,SPUtils.IS_ADMIN,false);if ("".equals(account)){//账号不能为空Toast.makeText(activity,"账号不能为空", Toast.LENGTH_LONG).show();return;}if ("".equals(password)){//密码为空Toast.makeText(activity,"密码为空", Toast.LENGTH_LONG).show();return;}User user = DataSupport.where("account = ?", account).findFirst(User.class);if (user != null) {if (!password.equals(user.getPassword())) {Toast.makeText(activity, "密码错误", Toast.LENGTH_SHORT).show();}else{if (isAdmit && !"admin".equals(user.getAccount())){Toast.makeText(activity,"该账号不是管理员账号", Toast.LENGTH_LONG).show();return;}if (!isAdmit && "admin".equals(user.getAccount())){Toast.makeText(activity,"该账号不是普通用户账号", Toast.LENGTH_LONG).show();return;}SPUtils.put(LoginActivity.this,"account",account);Intent intent = new Intent(activity, MainActivity.class);startActivity(intent);finish();}}else{Toast.makeText(activity, "账号不存在", Toast.LENGTH_SHORT).show();}}
});

3.3.2 fragment首页界面

初始化本地数据。首先通过SPUtils判断是否是第一次进入程序。如果是第一次进入程序,将SPUtils.IF_FIRST的值改为false,表示不是第一次进入程序。然后,将assets文件夹下的db.json文件里的数据读取出来,并通过JSONObject和JSONArray解析数据。接下来,依次遍历数组中的每一个元素,将获取到的typeId、title、img、content、issuer以及时间等数据封装到Fruit类型的对象中,并通过对象的save()方法将数据保存到本地的SQLiteDatabase中。最后,通过User类型的对象创建管理员账号,并将其保存到本地的SQLiteDatabase中。

 if (isFirst){//第一次进来  初始化本地数据SPUtils.put(myActivity,SPUtils.IF_FIRST,false);//第一次//初始化数据//获取json数据String rewardJson = "";String rewardJsonLine;//assets文件夹下db.json文件的路径->打开db.json文件BufferedReader bufferedReader = null;try {bufferedReader = new BufferedReader(new InputStreamReader(myActivity.getAssets().open("db.json")));while (true) {if (!((rewardJsonLine = bufferedReader.readLine()) != null)) break;rewardJson += rewardJsonLine;}JSONObject jsonObject = new JSONObject(rewardJson);JSONArray fruitList = jsonObject.getJSONArray("fruit");//获得列表//把物品列表保存到本地for (int i = 0, length = fruitList.length(); i < length; i++) {JSONObject o = fruitList.getJSONObject(i);Fruit fruit = new Fruit(o.getInt("typeId"),o.getString("title"),o.getString("img"),o.getString("content"),o.getString("issuer"),sf.format(new Date()));fruit.save();//保存到本地}//管理员User user = new User("admin","123","管理员",22,"123456789@qq.com");user.save();} catch (IOException | JSONException e) {e.printStackTrace();}}

3.3.3 fragment不同界面切换功能

定义 switchFragment() 方法,用于切换Fragment。获取 FragmentManager 对象和开启 fragment 事务,使用getFragmentManager()方法获取FragmentManager对象,使用 beginTransaction()方法开启 fragment 事务,将这两者赋值给变量 fragmentManager 和transaction。懒加载 Fragment,遍历 fragments数组,如果既不是当前需要显示的 Fragment,也不是 null,则使用 transaction.hide() 方法将其隐藏。显示当前需要显示的 Fragment,使用 transaction.show() 方法显示当前需要显示的 Fragment。使用 transaction.commit()方法提交事务。

  private void switchFragment(int fragmentIndex) {//在Activity中显示Fragment//1、获取Fragment管理器 FragmentManagerFragmentManager fragmentManager = this.getFragmentManager();//2、开启fragment事务FragmentTransaction transaction = fragmentManager.beginTransaction();//懒加载 - 如果需要显示的Fragment为null,就new。并添加到Fragment事务中if (fragments[fragmentIndex] == null) {if (mIsAdmin){switch (fragmentIndex) {case 0://NewsFragmentfragments[fragmentIndex] = new FruitFragment();break;case 1://CollectFragmentfragments[fragmentIndex] = new OrderFragment();break;case 2://UserManageFragmentfragments[fragmentIndex] = new UserManageFragment();break;case 3://UserFragmentfragments[fragmentIndex] = new UserFragment();break;}}else {switch (fragmentIndex) {case 0://NewsFragmentfragments[fragmentIndex] = new FruitFragment();break;case 1://CollectFragmentfragments[fragmentIndex] = new OrderFragment();break;case 2://UserFragmentfragments[fragmentIndex] = new UserFragment();break;}}//==添加Fragment对象到Fragment事务中//参数:显示Fragment的容器的ID,Fragment对象transaction.add(R.id.ll_main_content, fragments[fragmentIndex]);}//隐藏其他的Fragmentfor (int i = 0; i < fragments.length; i++) {if (fragmentIndex != i && fragments[i] != null) {//隐藏指定的Fragmenttransaction.hide(fragments[i]);}}//4、显示Fragmenttransaction.show(fragments[fragmentIndex]);//5、提交事务transaction.commit();}

3.3.4 fragment点菜界面

    点击事件监听器,处理按钮 btnCollect 被点击的情况,用于点菜。点击按钮后,代码会通过当前用户的账号和已选的名称,生成一个Orders(订单)对象,并将订单对象的相关信息存入本地 SQLite 数据库中。最后通过 Toast 提示用户点餐成功,将点餐按钮 btnCollect 设为不可见并将取消按钮 btnCancel 设为可见,以便用户操作。取消点菜则通过订单对象的 delete() 方法将该订单从数据库中删除。

 //点菜btnCollect.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Orders order = new Orders(account,fruit.getTitle(),"S"+ System.currentTimeMillis(),account,sf.format(new Date()));order.save();Toast.makeText(mActivity,"点餐成功", Toast.LENGTH_SHORT).show();btnCollect.setVisibility(View.GONE);btnCancel.setVisibility(View.VISIBLE);}});//取消点菜btnCancel.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Orders order = DataSupport.where("account = ? and title = ?",account,fruit.getTitle()).findFirst(Orders.class);order.delete();Toast.makeText(mActivity,"取消成功", Toast.LENGTH_SHORT).show();btnCollect.setVisibility(View.VISIBLE);btnCancel.setVisibility(View.GONE);}});

若为普通用户则可进行点餐操作

3.3.5查看/修改个人信息

获取用户输入的相关信息,包括账号、昵称、年龄与邮箱,并通过 DataSupport.where(account) 方法从本地数据库中获取相应账号的 User 对象,封装到 user1 中。分别判断输入的昵称、年龄和邮箱是否为空。如果为空,使用 Toast 弹出提示信息,“昵称不能为空”、“年龄不能为空”和“邮箱不能为空”,速返回,结束本次操作。如果不为空,则执行接下来的操作。 如果输入的信息均非空,将昵称、年龄与邮箱分别设置到 user1中,并保存到本地数据库中,使用 Toast 弹出提示信息“保存成功”信息。最后使用 finish() 关闭本界面。

 //保存btnSave.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {String account = tvAccount.getText().toString();String nickName = etNickName.getText().toString();String age = etAge.getText().toString();String email = etEmail.getText().toString();User user1 = DataSupport.where("account = ?",account).findFirst(User.class);if ("".equals(nickName)) {Toast.makeText(mActivity,"昵称不能为空", Toast.LENGTH_SHORT).show();return;}if ("".equals(age)) {Toast.makeText(mActivity,"年龄不能为空", Toast.LENGTH_SHORT).show();return;}if ("".equals(email)) {Toast.makeText(mActivity,"邮箱不能为空", Toast.LENGTH_SHORT).show();return;}user1.setNickName(nickName);user1.setAge(Integer.valueOf(age));user1.setEmail(email);
//                user1.setAge(age);user1.save();Toast.makeText(mActivity,"保存成功", Toast.LENGTH_SHORT).show();finish();//关闭页面}});

3.3.6显示浏览记录

通过 mBrowseAdapter.setItemListener() 方法设置 RecyclerView 的元素点击监听器,其中通过 DataSupport.where() 方法根据元素的标题 title 从本地数据库中查询该元素对应的 Fruit 对象,并将查询到的 Fruit 对象通过 Intent 传递到 FruitDetailActivity 中展示。

private void initView() {account = (String) SPUtils.get(myActivity,SPUtils.ACCOUNT,"");LinearLayoutManager layoutManager=new LinearLayoutManager(myActivity);//=1.2、设置为垂直排列,用setOrientation方法设置(默认为垂直布局)layoutManager.setOrientation(LinearLayoutManager.VERTICAL);//=1.3、设置recyclerView的布局管理器rvBrowseList.setLayoutManager(layoutManager);//==2、实例化适配器//=2.1、初始化适配器mBrowseAdapter=new BrowseAdapter(llEmpty,rvBrowseList);//=2.3、设置recyclerView的适配器rvBrowseList.setAdapter(mBrowseAdapter);loadData();//加载数据mBrowseAdapter.setItemListener(new BrowseAdapter.ItemListener() {@Overridepublic void ItemClick(Browse collect) {Intent intent = new Intent(myActivity, FruitDetailActivity.class);;Fruit news = DataSupport.where("title = ?",collect.getTitle()).findFirst(Fruit.class);intent.putExtra("fruit",news);startActivityForResult(intent,100);}});}

3.3.7搜索框的实现

整个布局使用的是线性布局,搜索框又是一个线性布局(里面包含一个相对布局和一个TextView,相对布局里面有一个EditText和ImageVIew),搜索框其实就是一个EditText。

public void onClick(View v) {//如果输入框内容为空,提示请输入搜索内容
ToastUtils.showToast(context,"输入查询关键字");
}else {//判断cursor是否为空if (cursor != null) {int columnCount = cursor.getCount();if (columnCount == 0) {
ToastUtils.showToast(context, "对不起,没有你要搜索的内容");
private void showListView() {mListView.setVisibility(View.VISIBLE); //获得输入的内容String str = mEditText.getText().toString().trim();//获取数据库对象

3.3.8数据存储

数据库框架所需要的配置文件,用于指定数据库文件的名称、版本号和映射的实体类。

 LitePal.initialize(this);//初始化LitePal数据库
<litepal><!--数据库名称--><dbname value="foods"/><version value="1"/><list><mapping class="com.example.food.bean.User"/><mapping class="com.example.food.bean.Fruit"/><mapping class="com.example.food.bean.Orders"/><mapping class="com.example.food.bean.Browse"/></list>
</litepal>

3.3.9对话框的实现

按钮 btnLogout 的点击事件监听器,实现退出当前登录的功能。首先使用 AlertDialog.Builder(getActivity())创建一个对话框的构造器。通过 alert.setTitle()方法设置对话框的标题为“退出”,alert.setMessage()方法设置对话框的消息内容为“真的要退出登录吗?”,alert.setButton()方法为对话框设置“确定”按钮,并且添加点击事件监听器,点击“确定”按钮后,通过 Toast 弹出提示信息“退出登录”。创建一个 Intent 对象,用于启动登录界面,并通过 startActivity()方法启动它。调用 getActivity().finish()方法关闭当前页面,即退出登录。注意:这里结束的是Activity而不是Dialog。最后使用 alert.show()方法显示对话框。

 btnLogout.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {AlertDialog alert=new AlertDialog.Builder(getActivity()).create();alert.setTitle("退出");alert.setMessage("真的要退出登录吗?");//添加"确定"按钮alert.setButton(DialogInterface.BUTTON_POSITIVE,"确定", new DialogInterface.OnClickListener() {@Overridepublic void onClick(DialogInterface dialog,int which) {Toast.makeText(getActivity(), "退出登录", Toast.LENGTH_SHORT).show();Intent intent = new Intent(getActivity(), LoginActivity.class);startActivity(intent);getActivity().finish();}});alert.show();}});

3.3.10重置密码的实现

获取用户输入的账号、邮箱和新密码等数据。进行数据校验。若账号为空、密码为空或者密码为空,则给出相应的提示信息,并返回。验证账号和密码是否匹配,如果匹配,则表示该用户存在,接下来就可以进行密码修改的操作。修改密码并保存到数据库中,同时给出修改成功提示信息并结束当前页面。若账号和密码不匹配,则给出相应的提示信息。


//保存信息
public void save(View v){//关闭虚拟键盘InputMethodManager inputMethodManager= (InputMethodManager) v.getContext().getSystemService(Context.INPUT_METHOD_SERVICE);inputMethodManager.hideSoftInputFromWindow(v.getWindowToken(),0);String account = etAccount.getText().toString();String email = etEmail.getText().toString();String newPassword = etNewPassword.getText().toString();if ("".equals(account)){//账号不能为空Toast.makeText(activity,"账号不能为空", Toast.LENGTH_LONG).show();return;}if ("".equals(email)){//邮箱为空Toast.makeText(activity,"邮箱为空", Toast.LENGTH_LONG).show();return;}if ("".equals(newPassword)){//密码为空Toast.makeText(activity,"新密码为空", Toast.LENGTH_LONG).show();return;}User user = DataSupport.where("account = ? and email = ?", account,email).findFirst(User.class);if (user != null) {user.setPassword(newPassword);user.save();Toast.makeText(activity, "密码修改成功", Toast.LENGTH_SHORT).show();finish();}else{Toast.makeText(activity, "账号或者邮箱错误", Toast.LENGTH_SHORT).show();}
}

4 项目总结及心得

本项目是一个针对美食点餐的Android应用开发项目,我在这个项目中学习到了很多知识和技能,以下是我的总结和心得:

1. 需求分析和产品设计的重要性:在这个项目中,我学会了如何分析和设计,即在开发之前先确定所要实现的功能和用户界面。

2. 界面设计以及用户体验的重要性:在实现功能的同时,还要注重界面的设计和用户体验,这样才能让用户在使用时感到方便、舒适和愉悦,提高用户的好感度,从而也有利于产品的推广和营销。

3. 数据库操作的技术:应用在实现中要保存大量的数据,学会使用数据库来保存和管理数据,如 LitePal、 SQLite、Room 等技术,并且要熟悉数据表设计和 SQL 语句的使用方法。

4. 代码的规范和注释:在编写代码时,需要遵循一定的代码规范,如注释的书写、变量和方法的命名、代码的逻辑性等,从而提高代码的可读性和可维护性。

总之,这个项目让我对 Android 应用开发有了更深入的了解,也让我体会到了多种技术和编码的方法,同时也让我认识到了自身的不足,需要不断地学习和提高自己的技能水平,以更好地适应快速变化的技术需求。我在这个项目中学会到了一种新的数据存储技术,相对来说更加简便。在实现代码的过程中,我遇到了很多困难,我通过查询资料,将所有有用的知识结合起来美化我的界面、优化我的代码。相信通过不断的项目练习,为我的毕业设计打下基础。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/416884.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

11种开源即插即用模块汇总 !!(附论文和代码)

即插即用的模块就像是一盒乐高&#xff0c;让我们能快速组合各种设计好的模块&#xff0c;搭建出我们需要的模型&#xff0c;这样做不仅让建模速度提升&#xff0c;还保证了模型的创新性和有效性。 文章目录 1、SCConv&#xff1a;空间和通道重构卷积&#xff08;2023&#xff…

锐浪报表 Grid++Report 明细表格标题重复打印

一、问题提出 锐浪报表 GridReport&#xff0c;打印表格时&#xff0c;对于明细表格的标题&#xff0c;打开换页时&#xff0c;需要重复打印明细表格的标题&#xff0c;或取消打印明细表格的标题。见下表&#xff1a; 首页&#xff1a; 后续页&#xff1a;&#xff08;无明细表…

pytorch GPU版本安装 python windows

annanconda环境 创建虚拟环境 pytorch19_gpu create -n pytorch19_gpu python3.9 激活环境 conda activate pytorch19_gpu 查找CUDA版本是12.0&#xff0c;查找方式&#xff0c;win r输入cmd进入命令行模式&#xff0c;输入nvidia-smi&#xff0c;如下&#xff0c; 查找如…

js中实现 base64 与文件格式互转

文件转 base64 通过 reader.readAsDataURL 方法实现 function file2base64(fileObj){let fileAddress fileObj; //获取文件, fileObj 为文件对象let file new FileReader();file.readAsDataURL(fileAddress); // 获取文件url&#xff0c;过程中触发下方 onload 方法file.on…

成功解决VScode进入到内置函数中调试

主要有两个关键步骤&#xff0c; 第一步 将launch.json中的"justMyCode"设为false 可通过使用ctrlshiftP搜索lauch.json找到次文件 如果找不到的话&#xff0c;可点击debug按钮&#xff0c;然后找到点击create a launch.json file创建 创建得到的launch.json如下&am…

Web3解密:区块链技术如何颠覆传统互联网

随着区块链技术的崛起&#xff0c;Web3正逐渐成为新一代互联网的代名词。它不再依赖中心化的权威机构&#xff0c;而是通过去中心化、透明、安全的特性&#xff0c;为用户带来更为开放和公正的互联网体验。本文将深入解密Web3&#xff0c;揭示区块链技术如何颠覆传统互联网的基…

vscode设置terminal的最大行数

今天跑代码出现一个问题&#xff0c;就是整个程序跑完&#xff0c;整个程序的输出信息过多&#xff0c;最开始输出的信息已经被vscode的缓存冲掉了&#xff0c;只能看到最后的一部分&#xff0c;具体的原因是vscode的terminal默认只能保存1000行的信息&#xff0c;所以如果想保…

还在手动复制文章吗?教你如何一键将文章从notion同步到WordPress

本文会给大家介绍如何在WordPress上安装一个插件&#xff0c;实现将notion上写的文章自动同步到WordPress上&#xff0c;从而提高写作效率&#xff0c;接下来请跟随我的脚步一起来操作吧&#xff01; 一、插件安装 在WordPress后台添加新插件页面中搜索“notion”&#xff0c;…

数据可视化 | 期末复习 | 补档

文章目录 &#x1f4da;介绍可视化&#x1f407;什么是可视化&#x1f407;科学可视化&#xff0c;信息可视化&#xff0c;可视分析系统三者之间有什么区别&#x1f525;&#x1f407;可视化的基本流程&#x1f407;可视化的两个基本设计原则&#x1f407;数据属性&#x1f407…

Internet Download Manager 6.42.3 (IDM) 中文破解免激活绿色版

Internet Download Manager 6.42.3中文破解版&#xff0c;全球最佳下载利器。Internet Download Manager (简称IDM) 是一款Windows 平台功能强大的多线程下载工具&#xff0c;国外非常受欢迎。支持断点续传&#xff0c;支持嗅探视频音频&#xff0c;接管所有浏览器&#xff0c;…

【Linux install】Ubuntu和win双系统安装及可能遇到的所有问题

文章目录 1.前期准备1.1关闭快速启动和安全启动1.1.1 shell命令行进入BIOS1.1.2 windows设置中高级启动1.1.3 在开机时狂按某个键进入BIOS1.1.4 关闭Fast boot和Secure boot 1.2 制作启动盘1.3 划分磁盘空间1.3.1 查看目前的虚拟内存大小 2.开始安装2.1 使用启动盘启动2.1.1 法…

SAP 销售订单审批状态(查询/修改)

销售订单审批状态启用后&#xff0c;前端显示界面如下图 销售订单审批状态读取&#xff1a;STATUS_READ 销售订单审批状态修改&#xff1a;I_CHANGE_STATUS 销售订单审批状态读取 代码样例如下&#xff1a; DATA: lv_objnr TYPE vbak-objnr,lv_objnr_t TYPE jsto-objnr,l…