yoursource

NodeJS 및 MariaDB, 쿼리 내 자리 표시자

yoursource — Mon, 4 Sep 2023 23:02:14 +0900

NodeJS 및 MariaDB, 쿼리 내 자리 표시자

저는 마리아드브가 처음입니다.값뿐만 아니라 열에 대해서도 자리 표시자를 사용하여 삽입 문을 실행하려고 합니다.저는 ?와 ?를 시도해 보았습니다.열에 대해 오류가 표시되지만 해당 SQL 구문이 잘못되었습니다.

let query = "INSERT INTO Users(??, ??, ??, ??, ??) VALUES(?,?,?,?,?);"
let data = [ 'email','forename', 'location','longitude','latitude', 
         ,'test','test','test',1,1 ]
conn.query(query, data)

여기서 뭐가 문제야?

감사해요.

mysql connector와 비교하여 지원되지 않는 유일한 것은 "Escapeing query identifier"뿐입니다.

그 이유는 다음과 같습니다.

우선, 저는 그것에 대한 사용 사례가 보이지 않습니다.없나요?
표준 MariaDB SQL 구문을 사용하고 싶습니다.?자리 표시자로서

오직 가지고 있는 이유.?자리 표시자는 커넥터가 이진 프로토콜(아직 구현되지 않음)을 사용할 때 커넥터가 SQL 명령을 구문 분석하지 않아도 되므로 성능이 향상됩니다.

그러나 명령을 다음과 같이 다시 작성할 수 있습니다.

let query = "INSERT INTO Users(`email`,`forename, `location`,`longitude`,`latitude`) VALUES(?,?,?,?,?);"
let data = ['test','test','test',1,1]
conn.query(query, data)

만약 당신이 그것에 대한 사용 사례를 본다면요.github에서 자유롭게 이슈를 만들 수 있습니다.

언급URL : https://stackoverflow.com/questions/53305646/nodejs-and-mariadb-placeholder-inside-queries

장고를 사용하여 두 날짜 중에서 선택

yoursource — Mon, 4 Sep 2023 23:01:38 +0900

장고를 사용하여 두 날짜 중에서 선택

저는 장고와 날짜를 선택하는 쿼리를 찾고 있습니다.

원시 SQL을 사용하여 이 작업을 수행하는 방법을 매우 쉽게 알고 있습니다. 하지만 Django ORM을 사용하여 이 작업을 수행할 수 있는 방법이 있습니까?

다음은 쿼리에서 30일 사이의 날짜를 추가하려는 위치입니다.

start_date = datetime.datetime.now() + datetime.timedelta(-30)
context[self.varname] = self.model._default_manager.filter(
    current_issue__isnull=True
    ).live().order_by('-created_at')

연산자 사용:

...filter(current_issue__isnull=True, created_at__range=(start_date, end_date))

__range

를 사용하는 경우DateTimeField날짜로 필터링하면 마지막 날의 항목은 포함되지 않습니다.

값을 날짜로 캐스팅해야 합니다.

...filter(created_at__date__range=(start_date, end_date))

두 가지 방법

.filter(created_at__range=[from_date, to_date])

다른 방법

.filter(Q(created_at__gte=from_date)&Q(created_at__lte=to_date))

gte는 동일한 값보다 큰 값을 의미합니다.
lte는 같음보다 작음을 의미합니다.

언급URL : https://stackoverflow.com/questions/3963201/select-between-two-dates-with-django

RecyclerView 어댑터 데이터 업데이트 방법

yoursource — Mon, 4 Sep 2023 22:59:49 +0900

RecyclerView 어댑터 데이터 업데이트 방법

는 업데이트의 인지 알고 싶습니다.RecyclerView의 어댑터.

새로운 제품 목록을 받은 후 다음을 시도했습니다.

ArrayList의 단편에서.recyclerView되어 새 생되고새데를어댑로설터정다호다음니출합한성이를 호출합니다.adapter.notifyDataSetChanged()그것은 작동하지 않았습니다.
것처럼 어댑터를 만들고, 에게 효과가 나에게는 변화가 : 다른사람했것새어다생해작저만지니아없변습었무화.recyclerView.setAdapter(new RecyclerViewAdapter(newArrayList))
에서 메소드 Adapter다음과 같이 데이터를 업데이트합니다.
```
 public void updateData(ArrayList<ViewModel> viewModels) {
    items.clear();
    items.addAll(viewModels);
    notifyDataSetChanged();
 }
```
그런 다음 데이터 목록을 업데이트하고 싶을 때마다 이 메소드를 호출합니다. 작동하지 않았습니다.

recyclerView를 수정할 수 있는지 확인하고 항목을 하나 이상 제거하려고 했습니다.

  public void removeItem(int position) {
     items.remove(position);
     notifyItemRemoved(position);
 }

모든 것이 그대로 남아 있었습니다.

다음은 내 어댑터입니다.

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ViewHolder> implements View.OnClickListener {

    private ArrayList<ViewModel> items;
    private OnItemClickListener onItemClickListener;

    public RecyclerViewAdapter(ArrayList<ViewModel> items) {
        this.items = items;
    }


    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_recycler, parent, false);
        v.setOnClickListener(this);
        return new ViewHolder(v);
    }

    public void updateData(ArrayList<ViewModel> viewModels) {
        items.clear();
        items.addAll(viewModels);
        notifyDataSetChanged();
    }
    public void addItem(int position, ViewModel viewModel) {
        items.add(position, viewModel);
        notifyItemInserted(position);
    }

    public void removeItem(int position) {
        items.remove(position);
        notifyItemRemoved(position);
    }


    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        ViewModel item = items.get(position);
        holder.title.setText(item.getTitle());
        Picasso.with(holder.image.getContext()).load(item.getImage()).into(holder.image);
        holder.price.setText(item.getPrice());
        holder.credit.setText(item.getCredit());
        holder.description.setText(item.getDescription());

        holder.itemView.setTag(item);
    }


    @Override
    public int getItemCount() {
        return items.size();
    }


    @Override
    public void onClick(final View v) {
        // Give some time to the ripple to finish the effect
        if (onItemClickListener != null) {
            new Handler().postDelayed(new Runnable() {
                @Override
                public void run() {
                    onItemClickListener.onItemClick(v, (ViewModel) v.getTag());
                }
            }, 0);
        }
    }

    protected static class ViewHolder extends RecyclerView.ViewHolder {
        public ImageView image;
        public TextView price, credit, title, description;

        public ViewHolder(View itemView) {
            super(itemView);
            image = (ImageView) itemView.findViewById(R.id.image);
            price = (TextView) itemView.findViewById(R.id.price);
            credit = (TextView) itemView.findViewById(R.id.credit);
            title = (TextView) itemView.findViewById(R.id.title);
            description = (TextView) itemView.findViewById(R.id.description);
        }
    }

    public interface OnItemClickListener {

        void onItemClick(View view, ViewModel viewModel);

    }
}

그리고 나는 시작합니다.RecyclerView다음과 같이:

recyclerView = (RecyclerView) view.findViewById(R.id.recycler);
recyclerView.setLayoutManager(new GridLayoutManager(getActivity(), 5));
adapter = new RecyclerViewAdapter(items);
adapter.setOnItemClickListener(this);
recyclerView.setAdapter(adapter);

그렇다면 새로 받은 항목을 표시하기 위해 어댑터 데이터를 실제로 업데이트하려면 어떻게 해야 합니까?

문제는 gridView가 있는 레이아웃이 다음과 같이 보인다는 것이었습니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:tag="catalog_fragment"
    android:layout_height="match_parent">

    <FrameLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycler"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:clipToPadding="false"/>

        <ImageButton
            android:id="@+id/fab"
            android:layout_gravity="top|end"
            style="@style/FabStyle"/>

    </FrameLayout>
</LinearLayout>

그리고 난 그냥 제거했어요.LinearLayout그리고 만든FrameLayout상위 레이아웃으로 표시됩니다.

이것은 일반적인 대답입니다.어댑터 데이터를 업데이트하는 다양한 방법이 설명되어 있습니다.이 프로세스에는 매번 두 가지 주요 단계가 포함됩니다.

데이터 세트 업데이트
어댑터에 변경 사항 알림

단일 항목 삽입

"돼지에 "2.

String item = "Pig";
int insertIndex = 2;
data.add(insertIndex, item);
adapter.notifyItemInserted(insertIndex);

여러 항목 삽입

색인에 세 마리의 동물을 더 삽입합니다.2.

ArrayList<String> items = new ArrayList<>();
items.add("Pig");
items.add("Chicken");
items.add("Dog");
int insertIndex = 2;
data.addAll(insertIndex, items);
adapter.notifyItemRangeInserted(insertIndex, items.size());

단일 항목 제거

목록에서 "돼지"를 제거합니다.

int removeIndex = 2;
data.remove(removeIndex);
adapter.notifyItemRemoved(removeIndex);

여러 항목 제거

목록에서 "카멜"과 "양"을 제거합니다.

int startIndex = 2; // inclusive
int endIndex = 4;   // exclusive
int count = endIndex - startIndex; // 2 items will be removed
data.subList(startIndex, endIndex).clear();
adapter.notifyItemRangeRemoved(startIndex, count);

모든 항목 제거

전체 목록을 지웁니다.

data.clear();
adapter.notifyDataSetChanged();

이전 목록을 새 목록으로 바꾸기

이전 목록을 지우고 새 목록을 추가합니다.

// clear old list
data.clear();

// add new list
ArrayList<String> newList = new ArrayList<>();
newList.add("Lion");
newList.add("Wolf");
newList.add("Bear");
data.addAll(newList);

// notify adapter
adapter.notifyDataSetChanged();

그adapter 에대언한있다습니급이에 대한 .data그래서 제가 설정하지 않은 것이 중요합니다.data새로운 목적을 위해.대신에, 나는 오래된 물건들을 치웠습니다.data그리고 새로운 것들을 추가했습니다.

단일 항목 업데이트

"양" 항목을 "양이 좋아요"라고 표시되도록 변경합니다.

String newValue = "I like sheep.";
int updateIndex = 3;
data.set(updateIndex, newValue);
adapter.notifyItemChanged(updateIndex);

단일 항목 이동

"을 " 위치에서 합니다.3치에의 위치를 1.

int fromPosition = 3;
int toPosition = 1;

// update data array
String item = data.get(fromPosition);
data.remove(fromPosition);
data.add(toPosition, item);

// notify adapter
adapter.notifyItemMoved(fromPosition, toPosition);

코드

여기 당신이 참고할 프로젝트 코드가 있습니다.RecyclerView 어댑터 코드는 이 답변에서 확인할 수 있습니다.

기본 활동.java

public class MainActivity extends AppCompatActivity implements MyRecyclerViewAdapter.ItemClickListener {

    List<String> data;
    MyRecyclerViewAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // data to populate the RecyclerView with
        data = new ArrayList<>();
        data.add("Horse");
        data.add("Cow");
        data.add("Camel");
        data.add("Sheep");
        data.add("Goat");

        // set up the RecyclerView
        RecyclerView recyclerView = findViewById(R.id.rvAnimals);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(),
                layoutManager.getOrientation());
        recyclerView.addItemDecoration(dividerItemDecoration);
        adapter = new MyRecyclerViewAdapter(this, data);
        adapter.setClickListener(this);
        recyclerView.setAdapter(adapter);
    }

    @Override
    public void onItemClick(View view, int position) {
        Toast.makeText(this, "You clicked " + adapter.getItem(position) + " on row number " + position, Toast.LENGTH_SHORT).show();
    }

    public void onButtonClick(View view) {
        insertSingleItem();
    }

    private void insertSingleItem() {
        String item = "Pig";
        int insertIndex = 2;
        data.add(insertIndex, item);
        adapter.notifyItemInserted(insertIndex);
    }

    private void insertMultipleItems() {
        ArrayList<String> items = new ArrayList<>();
        items.add("Pig");
        items.add("Chicken");
        items.add("Dog");
        int insertIndex = 2;
        data.addAll(insertIndex, items);
        adapter.notifyItemRangeInserted(insertIndex, items.size());
    }

    private void removeSingleItem() {
        int removeIndex = 2;
        data.remove(removeIndex);
        adapter.notifyItemRemoved(removeIndex);
    }

    private void removeMultipleItems() {
        int startIndex = 2; // inclusive
        int endIndex = 4;   // exclusive
        int count = endIndex - startIndex; // 2 items will be removed
        data.subList(startIndex, endIndex).clear();
        adapter.notifyItemRangeRemoved(startIndex, count);
    }

    private void removeAllItems() {
        data.clear();
        adapter.notifyDataSetChanged();
    }

    private void replaceOldListWithNewList() {
        // clear old list
        data.clear();

        // add new list
        ArrayList<String> newList = new ArrayList<>();
        newList.add("Lion");
        newList.add("Wolf");
        newList.add("Bear");
        data.addAll(newList);

        // notify adapter
        adapter.notifyDataSetChanged();
    }

    private void updateSingleItem() {
        String newValue = "I like sheep.";
        int updateIndex = 3;
        data.set(updateIndex, newValue);
        adapter.notifyItemChanged(updateIndex);
    }

    private void moveSingleItem() {
        int fromPosition = 3;
        int toPosition = 1;

        // update data array
        String item = data.get(fromPosition);
        data.remove(fromPosition);
        data.add(toPosition, item);

        // notify adapter
        adapter.notifyItemMoved(fromPosition, toPosition);
    }
}

메모들

사용하는 경우notifyDataSetChanged()그러면 애니메이션이 수행되지 않습니다. 드는일 수 에 또이작비많들사수있않좋다것습니용이는한지하로으이므용이업은,다▁this▁recomm좋니습▁use▁is▁not또한▁toended▁can를 사용하지 않는 것이 좋습니다.notifyDataSetChanged()단일 항목 또는 항목 범위만 업데이트하는 경우.
목록을 크게 또는 복잡하게 변경하는 경우 DiffUtil을 확인하십시오.

추가 연구

저는 RecyclerView에서 작업하고 있으며 제거와 업데이트 모두 잘 작동합니다.

제거:

RecyclerView에서 항목을 제거하는 4단계가 있습니다.

 list.remove(position);
 recycler.removeViewAt(position);
 mAdapter.notifyItemRemoved(position);
 mAdapter.notifyItemRangeChanged(position, list.size());

이 코드 라인들은 저에게 효과가 있습니다.

모든 데이터 업데이트:

제가 해야 할 일은 다음과 같습니다.
```
 mAdapter.notifyDataSetChanged();
```
모든 항목에 영향을 미치기 때문에 애니메이션이 없습니다.

RecyclerView의 어댑터 자체가 "데이터 관리자"(그리고 "제거(intos)" 및 "추가(...)"와 같은 방법을 사용하지 않는 한, Activity/Fragment 코드와 같이 "데이터"가 관리되는 곳에서 이 모든 작업을 수행해야 합니다.

이것이 저에게 도움이 되었습니다.

recyclerView.setAdapter(new RecyclerViewAdapter(newList));
recyclerView.invalidate();

업데이트된 목록이 포함된 새 어댑터(내 경우 ArrayList로 변환된 데이터베이스)를 생성하고 어댑터로 설정한 후recyclerView.invalidate()그리고 그것은 성공하였다.

이 작업에는 두 가지 옵션이 있습니다.

어댑터에서 UI를 새로 고칩니다.

mAdapter.notifyDataSetChanged();

또는 recyclerView 자체에서 새로 고치십시오.

recyclerView.invalidate();

또 다른 옵션은 diffil을 사용하는 것입니다.원래 목록을 새 목록과 비교하고 변경 사항이 있는 경우 새 목록을 업데이트로 사용합니다.

기본적으로 DiffUtil을 사용하여 이전 데이터와 새 데이터를 비교하고 알림을 호출할 수 있습니다.ItemRange 제거됨, 알림ItemRange가 변경되어 알림항목 범위 사용자를 대신하여 삽입합니다.

notifyDataSetChanged 대신 diffUtil을 사용하는 간단한 예:

DiffResult diffResult = DiffUtil
                .calculateDiff(new MyDiffUtilCB(getItems(), items));

//any clear up on memory here and then
diffResult.dispatchUpdatesTo(this);

//and then, if necessary
items.clear()
items.addAll(newItems)

비동기 목록을 사용하여 큰 목록인 경우 메인 스레드에서 diff 작업을 계산합니다.

목록 보기, 그리드 보기 및 재활용 보기의 데이터를 업데이트합니다.

mAdapter.notifyDataSetChanged();

또는:

mAdapter.notifyItemRangeChanged(0, itemList.size());

저는 같은 문제를 다른 방법으로 해결했습니다.데이터가 없습니다.백그라운드 스레드에서 기다리고 있으니 빈 목록부터 시작하세요.

mAdapter = new ModelAdapter(getContext(), new ArrayList<Model>());
// Then when I get data

mAdapter.update(response.getModelList());
// And update it in my adapter

public void update(ArrayList<Model> modelList){
    adapterModelList.clear();
    for (Product model: modelList) {
        adapterModelList.add(model);
    }
   mAdapter.notifyDataSetChanged();
}

바로 그겁니다.

현재 데이터에 새 데이터를 추가하는 가장 좋은 방법은 다음과 같습니다.

 ArrayList<String> newItems = new ArrayList<String>();
 newItems = getList();
 int oldListItemscount = alcontainerDetails.size();
 alcontainerDetails.addAll(newItems);           
 recyclerview.getAdapter().notifyItemChanged(oldListItemscount+1, al_containerDetails);

DiffUtil을 탐색하는 것이 좋습니다.또한 목록 업데이트를 처리하는 동안 RecyclerView의 성능이 향상됩니다.

어댑터 내부의 변수를 정의합니다.

 differList = AsyncListDiffer(this, this.callback);     
 differList.submitList(list)

여기서 목록은 초기 원시 목록이거나 나중에 업데이트할 경우 빈 목록일 수 있습니다.

콜백 구현 중:

private val callback : DiffUtil.ItemCallback<Item> = object: DiffUtil.ItemCallback<Item>() {

   override fun areItemsTheSame(oldItem: Item, newItem: Item) =
     oldItem.id == newItem.id

   override fun areContentsTheSame(oldItem: Item, newItem: Item) =
     oldItem == newItem
 }

또한 동일한 어댑터에서 목록을 설정할 수 있는 공용 기능이 있습니다.

 fun setData(list: List<Item>) {
        differList.submitList(list)
        //yeah, that's it!
 }

이제 목록을 변경한 후(삽입/업데이트/삭제) 조각/활동에서 이 setData(목록)를 호출합니다.

mAdapter.setData(list)

쉽죠?

인 방법을 사용하는 것이 이고 좋습니다.RecyclerView.

private List<YourItem> items;

public void setItems(List<YourItem> newItems)
{
    clearItems();
    addItems(newItems);
}

public void addItem(YourItem item, int position)
{
    if (position > items.size()) return;

    items.add(item);
    notifyItemInserted(position);
}

public void addMoreItems(List<YourItem> newItems)
{
    int position = items.size() + 1;
    newItems.addAll(newItems);
    notifyItemChanged(position, newItems);
}

public void addItems(List<YourItem> newItems)
{
    items.addAll(newItems);
    notifyDataSetChanged();
}

public void clearItems()
{
    items.clear();
    notifyDataSetChanged();
}

public void addLoader()
{
    items.add(null);
    notifyItemInserted(items.size() - 1);
}

public void removeLoader()
{
    items.remove(items.size() - 1);
    notifyItemRemoved(items.size());
}

public void removeItem(int position)
{
    if (position >= items.size()) return;

    items.remove(position);
    notifyItemRemoved(position);
}

public void swapItems(int positionA, int positionB)
{
    if (positionA > items.size()) return;
    if (positionB > items.size()) return;

    YourItem firstItem = items.get(positionA);

    videoList.set(positionA, items.get(positionB));
    videoList.set(positionB, firstItem);

    notifyDataSetChanged();
}

어댑터 클래스 내에서 또는 조각 또는 활동에서 이를 구현할 수 있지만, 이 경우 어댑터를 인스턴스화하여 알림 메서드를 호출해야 합니다.저의 경우에는 주로 어댑터에 구현합니다.

RecyclerView를 다시 로드하는 정말 간단한 방법은 전화를 하는 것입니다.

recyclerView.removeAllViews();

이렇게 하면 먼저 RecyclerView의 모든 내용이 제거된 다음 업데이트된 값으로 다시 추가됩니다.

▁use▁i▁▁you▁to▁strongly합장을 사용하는 것을 강력히 추천합니다.[DiffUtil.ItemCallback][1]변를화처위해의 변경 하기 위해RecyclerView.Adapter:

fun setData(data: List<T>) {
    val calculateDiff = DiffUtil.calculateDiff(DiffUtilCallback(items, data))
    items.clear()
    items += data
    calculateDiff.dispatchUpdatesTo(this)
}

후드 아래에서는 대부분의 작업을 처리합니다.AdapterListUpdateCallback:

/**
 * ListUpdateCallback that dispatches update events to the given adapter.
 *
 * @see DiffUtil.DiffResult#dispatchUpdatesTo(RecyclerView.Adapter)
 */
public final class AdapterListUpdateCallback implements ListUpdateCallback {
    @NonNull
    private final RecyclerView.Adapter mAdapter;

    /**
     * Creates an AdapterListUpdateCallback that will dispatch update events to the given adapter.
     *
     * @param adapter The Adapter to send updates to.
     */
    public AdapterListUpdateCallback(@NonNull RecyclerView.Adapter adapter) {
        mAdapter = adapter;
    }

    /** {@inheritDoc} */
    @Override
    public void onInserted(int position, int count) {
        mAdapter.notifyItemRangeInserted(position, count);
    }

    /** {@inheritDoc} */
    @Override
    public void onRemoved(int position, int count) {
        mAdapter.notifyItemRangeRemoved(position, count);
    }

    /** {@inheritDoc} */
    @Override
    public void onMoved(int fromPosition, int toPosition) {
        mAdapter.notifyItemMoved(fromPosition, toPosition);
    }

    /** {@inheritDoc} */
    @Override
    public void onChanged(int position, int count, Object payload) {
        mAdapter.notifyItemRangeChanged(position, count, payload);
    }
}

코틀린과 함께라면, 어댑터를 사용할 것입니다.

class ProductAdapter(var apples: List<Apples>?= null) : RecyclerView.Adapter<ProductViewHolder>() {
    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ProductViewHolder {...}

    override fun onBindViewHolder(holder: ProductViewHolder, position: Int) {...}

    override fun getItemCount(): Int {...}

    fun setData(newApples: List<Apples>) {
        apples = newApples
    }
}

조각/활동 중

val appleAdapter = ProductAdapter()

val recyclerView = binding.appleRecycler // or findViewById or synthetics or whatever. 
recyclerView.adapter = appleAdapter
recyclerView.layoutManager = LinearLayoutManager(requireContext())

이제 fragment의 데이터 변경 사항을 처리하는 중입니다.

fun updateRecyclerData(apples: List<Apples>){
    adapter.setData(apples)
    adapter.notifyDataSetChanged()
}

updateRecyclerData(applesList)

저는 오랜만에 답을 얻었습니다.

SELECTEDROW.add(dt);
notifyItemInserted(position);
SELECTEDROW.remove(position);
notifyItemRemoved(position);

이것은 잘 작동합니다. 해보세요.

  ArrayList.remove(position);
  notifyItemRemoved(position);
  notifyDataSetChanged();

위의 설명에 언급된 내용이 없으면 문제가 다른 곳에 있다는 것을 의미할 수 있습니다.

해결책을 찾은 한 곳은 어댑터에 목록을 설정하는 방법이었습니다.제 활동에서 목록은 인스턴스 변수였고 데이터가 변경될 때 직접 변경했습니다.참조 변수이기 때문에 이상한 일이 있었습니다.

에 서저그참변로변변컬다경수른고변다사수니전에데습했다달음래업이한데를이트터용여로 했습니다.addAll()앞의 답변에 언급된 함수입니다.

언급URL : https://stackoverflow.com/questions/31367599/how-to-update-recyclerview-adapter-data

다른 열과 같은 열에 SQL 가입

yoursource — Mon, 4 Sep 2023 22:59:01 +0900

다른 열과 같은 열에 SQL 가입

중복 가능성:
mysql join query가 like를 사용합니까?

한 열에 다른 테이블의 열에 있는 문자열이 포함된 조인을 수행하려고 합니다.

SELECT
a.first_name,
b.age
FROM names a
JOIN ages b
ON b.full_name LIKE '%a.first_name%'

이것이 가능합니까?MySQL을 사용하고 있습니다.물론 LIKE '%a.first_name%'는 열의 실제 값이 아닌 문자열 a.first_name만 찾기 때문에 위 쿼리는 작동하지 않습니다.

문자열을 연결하기만 하면 되며 검색 및 교체도 가능합니다.

SELECT
    a.first_name,
    b.age
FROM names a
JOIN ages b
ON b.full_name LIKE '%' + a.first_name + '%'

CONCAT를 사용할 수 있습니다.

SELECT
  a.first_name,
  b.age
FROM
  names a JOIN ages b
    ON b.full_name LIKE CONCAT('%', a.first_name, '%')

또는 LOCATE, 첫 번째 발생 위치를 반환합니다.a.first_name에b.full_name:

SELECT
  a.first_name,
  b.age
FROM
  names a JOIN ages b
  ON LOCATE(a.first_name, b.full_name)

일치하는 항목이 있으면 조인이 성공합니다.

언급URL : https://stackoverflow.com/questions/14696793/sql-join-on-a-column-like-another-column

상위 9개로 정렬된 카운트(count_id)를 기준으로 상위 9개 및 기타를 가져온 다음 다른 카운트를 'club' 범주로 묶는 방법

yoursource — Mon, 4 Sep 2023 22:56:52 +0900

상위 9개로 정렬된 카운트(count_id)를 기준으로 상위 9개 및 기타를 가져온 다음 다른 카운트를 'club' 범주로 묶는 방법

다음 쿼리는 모든 것을 실행합니다.

SELECT count(entity_id), cim.institute_id, cfi.name_ FROM ci_certification_students cis INNER JOIN ci_certification_master cim ON cis.certificate_id = cim.certificate_id
INNER JOIN ci_finalized_institute cfi ON cfi.institute_id=cim.institute_id
WHERE cis.status_id=4 AND cim.institute_id is not null group by cim.institute_id order by count(entity_id) desc limit 100;

다음을 시도했습니다.

SELECT seqnum,institute_id, (CASE WHEN seqnum > 9 THEN 'others' ELSE name_ END) as name_, sum(total_certi) FROM 
(select count(cis.entity_id) as total_certi, cim.institute_id, cfi.name_ as certiName, ROW_NUMBER() OVER (ORDER BY COUNT(cis.entity_id) desc) as seqnum
FROM certificationdb.ci_certification_students cis 
INNER JOIN ci_certification_master cim ON cis.certificate_id = cim.certificate_id
INNER JOIN certificationdb.ci_finalized_institute cfi ON cim.institute_id=cfi.institute_id
WHERE cis.status_id=4 AND cim.institute_id is not null group by cim.institute_id ORDER BY 
count(cis.entity_id)desc)c GROUP BY (CASE WHEN seqnum> 9 THEN 'others' ELSE name_ END)
ORDER BY seqnum;

어떤 도움이라도 주시면 감사하겠습니다...

사용하다row_number()그리고 두 가지 수준의 집계:

SELECT (CASE WHEN seqnum < 10 THEN institute_id END) as institute_id,
       (CASE WHEN seqnum < 10 THEN name_ ELSE 'OTHERS' END) as name,
       SUM(cnt) as cnt
FROM (SELECT cim.institute_id, cfi.name_, COUNT(*) as cnt,
             ROW_NUMBER() OVER (ORDER BY COUNT(*) DESC) as seqnum
      FROM ci_certification_students cis INNER JOIN 
           ci_certification_master cim
           ON cis.certificate_id = cim.certificate_id INNER JOIN
           ci_finalized_institute cfi ON 
           cfi.institute_id = cim.institute_id
      WHERE cis.status_id = 4 AND cim.institute_id is not null
      GROUP BY cim.institute_id, cfi.name_
     ) c
GROUP BY institute_id, name
ORDER BY MIN(seqnum);

언급URL : https://stackoverflow.com/questions/60043750/how-to-fetch-top-9-and-others-based-on-countentity-id-sorted-highest-top-9-and

원형으로 글꼴 멋진 아이콘 만들기?

yoursource — Mon, 4 Sep 2023 22:56:15 +0900

원형으로 글꼴 멋진 아이콘 만들기?

나는 몇몇 프로젝트에서 폰트 멋진 아이콘을 사용하고 있지만 폰트 멋진 아이콘으로 하고 싶은 것이 몇 가지 있습니다. 나는 다음과 같은 아이콘을 쉽게 부를 수 있습니다.

<i class="fa fa-lock"></i>

모든 아이콘이 항상 테두리가 있는 둥근 원 안에 있는 것이 가능합니까?이와 같은 것, 나는 사진을 가지고 있습니다.

사용.

i {
  background-color: white;
  border-radius: 50%;
  border: 1px solid grey;
  padding: 10px;
}

효과는 있겠지만, 문제는 아이콘이 항상 텍스트나 요소 옆에 있는 것보다 크다는 것입니다. 해결책이 있습니까?

Font Awesome을 사용하면 다음과 같은 스택형 아이콘을 쉽게 사용할 수 있습니다.

업데이트: Font Awesome v6.2.1

<span class="fa-stack fa-2x">
  <i class="fa-thin fa-circle fa-stack-2x"></i>
  <i class="fa-solid fa-lock fa-stack-1x fa-inverse"></i>
</span>

업데이트: Font Awesome v5.15.4

<span class="fa-stack fa-2x">
  <i class="fal fa-circle fa-stack-2x"></i>
  <i class="fas fa-lock fa-stack-1x fa-inverse"></i>
</span>

글꼴 놀라운 스택형 아이콘 참조

업데이트: - 쌓인 아이콘에 대한 피들

i.fa {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0 0 2px #888;
  padding: 0.5em 0.6em;

}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<i class="fa fa-wrench"></i>

JsFiddle of old answer: http://fiddle.jshell.net/4LqeN/

당신은 그것을 위해 css나 html 트릭이 필요하지 않습니다.Font Awesome은 그것을 위한 클래스에 빌드되었습니다 - fa-circle 여러 아이콘을 함께 쌓기 위해 부모 div에서 fa-stack 클래스를 사용할 수 있습니다.

<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>

//그리고 이제 원 안에 페이스북 아이콘이 있습니다:)

다음을 사용하여 원의 글꼴 아이콘`em`기본 치수로

다음을 포함하여 측정에 ems를 사용하는 경우line-height,font-size그리고.border-radius,와 함께text-align: center그것은 상황을 꽤 견고하게 만듭니다.

#info i {
  font-size: 1.6em;
  width: 1.6em;
  text-align: center;
  line-height: 1.6em;
  background: #666;
  color: #fff;
  border-radius: 0.8em; /* or 50% width & line-height */
}

업데이트: 플렉스를 사용합니다.

정확성을 원한다면 이것이 최선의 방법은 방법입니다.

Fiddle. Go Play -> http://jsfiddle.net/atilkan/zxjcrhga/

여기 HTML이 있습니다.

<div class="sosial-links">
    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
    <a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
</div>

여기 CSS가 있습니다.

.sosial-links a{
    display: block;
    float: left;
    width: 36px;
    height: 36px;
    border: 2px solid #909090;
    border-radius: 20px;
    margin-right: 7px; /*space between*/

} 
.sosial-links a i{
    padding: 12px 11px;
    font-size: 20px;
    color: #909090;
}

참고: 더 이상 사용하지 마십시오.플렉스 박스를 사용합니다.

이것도 할 수 있습니다.아이콘 주위에 원을 추가하고 싶었습니다.여기 코드가 있습니다.

span {
font-size: 54px;
border-radius: 50%;
border: 10px solid rgb(205, 209, 215);
padding: 30px;
}

업데이트:

최근 플렉스를 배우면 더 깨끗한 방법이 있습니다(테이블은 없고 CSS는 적음).포장지를 다음display: flex;그리고 중심에는 아이들이 속성을 부여합니다.align-items: center;(계속) 및justify-content: center;중심을 잡는 것

업데이트된 JS Fiddle 보기

전에 아무도 이것을 제안하지 않았다는 것이 이상합니다.저는 항상 이것을 하기 위해 테이블을 사용합니다.
포장지를 만들기만 하면 됩니다.display: table그리고 그 안에 있는 것들을 중심으로.text-align: center수평 및 수평의 경우vertical-align: middle수직 정렬용.

<div class='wrapper'>
  <i class='icon fa fa-bars'></i>
</div>

그리고 몇몇은 이런 바보들.

.wrapper{
  display: table; 

  i{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

}

아니면 이 JS 피들을 보세요.

이것은 당신이 사용할 필요가 없는 접근법입니다.padding설정만 하면 됩니다.height그리고.width를 위해a그리고 내버려 둬.flex을 다루다.margin: 0 auto.

.social-links a{
  text-align:center;
	float: left;
	width: 36px;
	height: 36px;
	border: 2px solid #909090;
	border-radius: 100%;
	margin-right: 7px; /*space between*/
    display: flex;
    align-items: flex-start;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
} 
.social-links a i{
	font-size: 20px;
    align-self:center;
	color: #909090;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    margin: 0 auto;
}
.social-links a i::before{
  display:inline-block;
  text-decoration:none;
}
.social-links a:hover{
  background: rgba(0,0,0,0.2);
}
.social-links a:hover i{
  color:#fff;
}

<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>

<div class="social-links">
    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
    <a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
</div>

아래 예시는 저에게 별로 효과가 없었습니다. 이것은 제가 만든 버전입니다!

HTML:

<div class="social-links">
    <a href="#"><i class="fa fa-facebook fa-lg"></i></a>
    <a href="#"><i class="fa fa-twitter fa-lg"></i></a>
    <a href="#"><i class="fa fa-google-plus fa-lg"></i></a>
    <a href="#"><i class="fa fa-pinterest fa-lg"></i></a>
</div>

CSS:

.social-links {
    text-align:center;
}

.social-links a{
    display: inline-block;
    width:50px;
    height: 50px;
    border: 2px solid #909090;
    border-radius: 50px;
    margin-right: 15px;

}
.social-links a i{
    padding: 18px 11px;
    font-size: 20px;
    color: #909090;
}

이것을 먹어보세요.

HTML:

<div class="icon-2x-circle"><i class="fa fa-check fa-2x"></i></div>

CSS:

i {
    width: 30px;
    height: 30px;
}

.icon-2x-circle {
    text-align: center;
    padding: 3px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
}

Font Awesome 아이콘은 :before로 삽입됩니다.따라서 i 또는 i와 같은 스타일을 지정할 수 있습니다.

.i {
   background: #fff;
   border-radius: 50%;
   display: inline-block;
   height: 20px;   
   width: 20px;
}

<a href="#"><i class="fa fa-facebook fa-lg"></i></a>

다음 코드를 사용하여 둥근 아이콘을 쉽게 얻을 수 있습니다.

<a class="facebook-share-button social-icons" href="#" target="_blank">
    <i class="fab fa-facebook socialicons"></i>
</a>

이제 CSS는 다음과 같습니다.

.social-icons {
display: inline-block;border-radius: 25px;box-shadow: 0px 0px 2px #888;
padding: 0.5em;
background: #0D47A1;
font-size: 20px;
}
.socialicons{color: white;}

저는 데이브 에버릿의 "줄 높이"에 대한 답변이 마음에 들지만, "높이"를 지정한 다음 "!중요"를 줄 높이에 추가해야 합니다...

.cercle {
    font-size: 2em;
    width: 2em;
    height: 2em;
    text-align: center;
    line-height: 2em!important;
    background: #666;
    color: #fff;
    border-radius: 2em;
}

이것은 제가 지금까지 찾은 것 중 가장 좋고 정확한 해결책입니다.

CSS:

.social .fa {
      margin-right: 1rem;
      border: 2px #fff solid;
      border-radius: 50%;
      height: 20px;
      width: 20px;
      line-height: 20px;
      text-align: center;
      padding: 0.5rem;
    }

그냥 이 CSS 클래스를 사용할 수 있습니다.

.i{
    display: flex;
    padding: .5rem;
    background-color: #888;
    border-radius: 50%;
}

이것이 당신의 일을 끝낼 것입니다.

언급URL : https://stackoverflow.com/questions/21905710/make-font-awesome-icons-in-a-circle

OpenCV & Python - 이미지가 너무 커서 표시할 수 없습니다.

yoursource — Mon, 4 Sep 2023 22:55:04 +0900

OpenCV & Python - 이미지가 너무 커서 표시할 수 없습니다.

이미지는 6400 x 3200이고 화면은 1280 x 800입니다.따라서 표시용으로만 이미지 크기를 조정해야 합니다.저는 Python과 OpenCV 2.4.9를 사용하고 있습니다.OpenCV 설명서에 따르면,

화면 해상도보다 큰 이미지를 표시해야 하는 경우, imshow 전에 Window(", WINDOW_NORMAL)라는 이름을 호출해야 합니다.

그렇게 하고 있는데 화면에 이미지가 안 맞고 너무 커서 일부만 보여요.저도 cv2.resize로 시도해봤어요.창문, 하지만 아무런 차이가 없습니다.

import cv2
cv2.namedWindow("output", cv2.WINDOW_NORMAL)        # Create window with freedom of dimensions
# cv2.resizeWindow("output", 400, 300)              # Resize window to specified dimensions
im = cv2.imread("earth.jpg")                        # Read image
cv2.imshow("output", im)                            # Show image
cv2.waitKey(0)                                      # Display the image infinitely until any keypress

자동 솔루션(화면에 자동으로 맞춤)을 기대했지만, 크기를 조정하면 문제도 해결됩니다.

import cv2
cv2.namedWindow("output", cv2.WINDOW_NORMAL)    # Create window with freedom of dimensions
im = cv2.imread("earth.jpg")                    # Read image
imS = cv2.resize(im, (960, 540))                # Resize image
cv2.imshow("output", imS)                       # Show image
cv2.waitKey(0)                                  # Display the image infinitely until any keypress

된 다답은고답수다니행합을된정른▁a다▁perform▁the니▁fixed수▁other합▁answers.(width, height)크기를 조정합니다. 세로 비율을 이 크기를 하세요.

def ResizeWithAspectRatio(image, width=None, height=None, inter=cv2.INTER_AREA):
    dim = None
    (h, w) = image.shape[:2]

    if width is None and height is None:
        return image
    if width is None:
        r = height / float(h)
        dim = (int(w * r), height)
    else:
        r = width / float(w)
        dim = (width, int(h * r))

    return cv2.resize(image, dim, interpolation=inter)

예

image = cv2.imread('img.png')
resize = ResizeWithAspectRatio(image, width=1280) # Resize by width OR
# resize = ResizeWithAspectRatio(image, height=1280) # Resize by height 

cv2.imshow('resize', resize)
cv2.waitKey()

예를 들어 다음과 같습니다.

cv2.namedWindow('finalImg', cv2.WINDOW_NORMAL)
cv2.imshow("finalImg",finalImg)

한 방법은 ㅠㅠㅠㅠㅠresizeWindow나를 위해 일한 것은 그 후에 그것을 갖는 것이었습니다.imshow내가 사용하는 주문은 다음과 같습니다.

# Create a Named Window
cv2.namedWindow(win_name, cv2.WINDOW_NORMAL)

# Move it to (X,Y)
cv2.moveWindow(win_name, X, Y)
    
# Show the Image in the Window
cv2.imshow(win_name, image)
    
# Resize the Window
cv2.resizeWindow(win_name, width, height)
    
# Wait for <> miliseconds
cv2.waitKey(wait_time)

OpenCV는cv2.namedWindow()창 개체만 만들 뿐 원본 이미지의 크기는 조정되지 않습니다.사용할 수 있습니다.cv2.resize(img, resolution)문제를 해결하기 위해.

이것은 740*411 해상도 이미지를 보여줍니다.

image = cv2.imread("740*411.jpg")
cv2.imshow("image", image)
cv2.waitKey(0)
cv2.destroyAllWindows()

여기서는 크기 조정 후 100 * 200 해상도 이미지를 표시합니다.해상도 매개 변수 사용 열을 먼저 기억한 다음 행을 기억하십시오.

image = cv2.imread("740*411.jpg")
image = cv2.resize(image, (200, 100))
cv2.imshow("image", image)
cv2.waitKey(0)
cv2.destroyAllWindows()

이 코드는 가로 세로 비율을 유지하고 화면 영역의 지정된 부분만 차지할 수 있도록 이미지 크기를 조정합니다.

화면 크기와 이미지 크기에 따라 자동으로 조정됩니다.

영역 변수를 사용하여 이미지가 차지할 수 있는 최대 화면 영역을 변경합니다.예제에서는 화면 크기의 1/4에 표시됩니다.

import cv2
import tkinter as tk
from math import *

img = cv2.imread("test.jpg")
area = 0.25

h, w = img.shape[:2]
root = tk.Tk()
screen_h = root.winfo_screenheight()
screen_w = root.winfo_screenwidth()
vector = sqrt(area)
window_h = screen_h * vector
window_w = screen_w * vector

if h > window_h or w > window_w:
    if h / window_h >= w / window_w:
        multiplier = window_h / h
    else:
        multiplier = window_w / w
    img = cv2.resize(img, (0, 0), fx=multiplier, fy=multiplier)

cv2.imshow("output", img)
cv2.waitKey(0)

면적이 여전히 매개변수이지만 창 높이와 창 너비도 마찬가지인 비슷한 기능을 만들었습니다.

영역을 입력하지 않으면 이미지를 내부에 넣을 창 크기의 정의된 높이와 너비(window_h, window_w)를 사용합니다.

모든 파라미터에 대해 입력이 제공되면 '영역'이 우선됩니다.

import cv2
import tkinter as tk
from math import *

def resize_image(img, area=0.0, window_h=0, window_w=0):
    h, w = img.shape[:2]
    root = tk.Tk()
    screen_h = root.winfo_screenheight()
    screen_w = root.winfo_screenwidth()

    if area != 0.0:
        vector = math.sqrt(area)
        window_h = screen_h * vector
        window_w = screen_w * vector

    if h > window_h or w > window_w:
        if h / window_h >= w / window_w:
            multiplier = window_h / h
        else:
            multiplier = window_w / w
        img = cv2.resize(img, (0, 0), fx=multiplier, fy=multiplier)

    return img

# using area
initial_image = cv2.imread("test.jpg")
resized_image = resize_image(initial_image, area=0.25))
cv2.imshow("output", resized_image)
cv2.waitKey(0)

# using window height and width
initial_image = cv2.imread("test.jpg")
resized_image = resize_image(initial_image, window_h = 480, window_w = 270))
cv2.imshow("output", resized_image)
cv2.waitKey(0)

opencvlib은 메소드에 전달된 매개 변수에 상당히 민감한 것 같습니다.다음 코드는 opencv 4.3.0을 사용하여 작동했습니다.

win_name = "visualization"  #  1. use var to specify window name everywhere
cv2.namedWindow(win_name, cv2.WINDOW_NORMAL)  #  2. use 'normal' flag
img = cv2.imread(filename)
h,w = img.shape[:2]  #  suits for image containing any amount of channels
h = int(h / resize_factor)  #  one must compute beforehand
w = int(w / resize_factor)  #  and convert to INT
cv2.resizeWindow(win_name, w, h)  #  use variables defined/computed BEFOREHAND
cv2.imshow(win_name, img)

사용해 보십시오.

image = cv2.imread("img/Demo.jpg")
image = cv2.resize(image,(240,240))

그image이제 크기가 조정됩니다.표시하면 240x240으로 렌더링됩니다.

cv2.WINDOW_NORMAL 옵션은 올바르게 작동하지만 창을 처음으로 표준 크기로 표시합니다.

컴퓨터의 다른 창처럼 창의 크기를 조정하는 경우 크기를 조정할 창의 가장자리 위에 마우스를 놓은 다음 원하는 위치로 마우스를 끕니다.원하는 크기로 창의 너비와 높이를 모두 지정할 경우.

다음에 코드를 실행하여 창을 새로 고칠 때 OpenCV는 마지막으로 표시되거나 수정된 시간의 크기로 창을 생성합니다.

이 코드를 사용해 보십시오.

img = cv2.imread("Fab2_0.1 X 1.03MM GRID.jpg", cv2.IMREAD_GRAYSCALE)
image_scale_down = 3
x = (int)(img.shape[0]/image_scale_down)
y = (int)(img.shape[1]/image_scale_down)
image = cv2.resize(img, (x,y))
cv2.imshow("image_title", image)
cv2.waitKey(5000)
cv2.destroyAllWindows()

가장 인기 있는 답변은 완벽합니다! 저는 단지 비율에 따라 "동적인" 크기 조정을 원하는 사람들을 위해 제 코드를 추가할 뿐입니다.

import cv2
from win32api import GetSystemMetrics

def get_resized_for_display_img(img):
    screen_w, screen_h = GetSystemMetrics(0), GetSystemMetrics(1)
    print("screen size",screen_w, screen_h)
    h,w,channel_nbr = img.shape
    # img get w of screen and adapt h
    h = h * (screen_w / w)
    w = screen_w
    if h > screen_h: #if img h still too big
        # img get h of screen and adapt w
        w = w * (screen_h / h)
        h = screen_h
    w, h = w*0.9, h*0.9 # because you don't want it to be that big, right ?
    w, h = int(w), int(h) # you need int for the cv2.resize
    return cv2.resize(img, (w, h))

이 코드를 사용해 보십시오.

img = cv2.resize(img,(1280,800))

다음 코드로 시도:

from PIL import Image

Image.fromarray(image).show()

언급URL : https://stackoverflow.com/questions/35180764/opencv-python-image-too-big-to-display

시퀀스 점(c)

yoursource — Mon, 4 Sep 2023 22:54:23 +0900

시퀀스 점(c)

명령형 프로그래밍의 시퀀스 포인트는 이전 평가의 모든 부작용이 수행될 것이 보장되고 이후 평가의 부작용이 아직 수행되지 않은 컴퓨터 프로그램 실행의 모든 지점을 정의합니다.

이것은 무엇을 의미합니까?누가 그것을 간단한 말로 설명해 주시겠습니까?

시퀀스 지점이 발생하면 기본적으로 이전의 모든 작업이 완료되었음을 의미합니다.

시퀀스 포인트를 개입시키지 않고 변수를 두 번 변경하는 것은 정의되지 않은 동작의 한 예입니다.

예를들면,i = i++;에 대한 두 변경 사이에 시퀀스 포인트가 없으므로 정의되지 않았습니다.i.

문제를 일으킬 수 있는 변수를 두 번 변경하는 것만이 아닙니다.이것은 실제로 다른 용도와 관련된 변화입니다.이 표준은 사물의 순서를 설명할 때 "값 계산 및 부작용"이라는 용어를 사용합니다.예를 들어, 식에서a = i + i++,그i(값 계산) 및i++(부작용)은 임의의 순서로 수행될 수 있습니다.

위키백과에는 C와 C++ 표준의 시퀀스 포인트 목록이 있지만 최종 목록은 항상 ISO 표준에서 가져와야 합니다.C11 부록 C(문단 참조)에서:

다음은 표준에 설명된 시퀀스 포인트입니다.

함수 호출에서 함수 지정자의 평가와 실제 인수 사이의 실제 호출
측정 시스템의 첫 번째 피연산자와 두 번째 피연산자의 평가 사이&&,||,그리고.,;
조건부의 첫 번째 피연산자의 평가 사이?:연산자 및 두 번째 및 세 번째 피연산자 중 평가된 것.
완전한 선언자의 끝;
전체 표현식의 평가와 평가할 다음 전체 표현식 사이입니다.다음은 전체 표현식입니다.
- 이니셜라이저
- 표현식 진술의 표현.
- 선택 문의 제어식(if또는switch);
- 의 지배적인 표현while또는 do 문;
- a의 각 표현들for진술;
- 답신 명세서의 표현식.
라이브러리 함수가 반환되기 직전;
포맷된 각 입력/출력 함수 변환 지정자와 관련된 작업 후;
비교 함수에 대한 각 호출 직전과 직후, 그리고 비교 함수에 대한 호출과 해당 호출에 대한 인수로 전달된 개체의 이동 사이에도 마찬가지입니다.

시퀀스 포인트에 대해 주의해야 할 중요한 점은 시퀀스 포인트가 전역적인 것이 아니라 일련의 로컬 제약 조건으로 간주되어야 한다는 것입니다.예를 들어, 문에서

a = f1(x++) + f2(y++);

x++의 평가와 f1에 대한 호출 사이에는 시퀀스 포인트가 있고, y++의 평가와 f2에 대한 호출 사이에는 또 다른 시퀀스 포인트가 있습니다.그러나 f2가 호출되기 전에 x가 증가할지 아니면 f2가 호출된 후에 y가 증가할지에 대한 보장은 없습니다.만약 f1이 y 또는 f2를 변경한다면, 결과는 정의되지 않을 것입니다. (예를 들어, 컴파일러의 생성된 코드가 read x와 y, increment x, call f1, 이전에 읽었던 값에 대해 y를 확인하고, 만약 변경되었다면, 바니 비디오와 상품을 모두 찾아서 파괴하는 광란을 일으키는 것은 합법적일 것입니다.)실제로 그렇게 할 수 있는 코드, 아아, 하지만 그것은 표준에 따라 허용될 것이다.)

paxdiablo의 답변을 예로 들어 확장합니다.

진술을 가정합니다.

x = i++ * ++j;

: 세가부이있다의 입니다. 다음의 결과를 할당합니다.i * (j+1)i에 1을 추가하고 j에 1을 추가하는 x에 1을 추가합니다.부작용이 적용되는 순서는 지정되지 않았습니다. i와 j는 평가 직후에 각각 증가하거나, 둘 다 평가된 후 x가 할당되기 전까지 증가하지 않거나, x가 할당되기 전까지 증가하지 않을 수 있습니다.

시퀀스 점은 부작용이 적용된 순서에 관계없이 모든 부작용이 적용된 점(x, i 및 j가 모두 업데이트됨)입니다.

이는 컴파일러가 펑키한 최적화, 트릭 및 마법을 수행할 수 있지만 소위 시퀀스 포인트에서 잘 정의된 상태에 도달해야 한다는 것을 의미합니다.

언급URL : https://stackoverflow.com/questions/3575350/sequence-points-in-c

Android Fragment 핸들 뒤로 버튼 누르기

yoursource — Mon, 4 Sep 2023 22:53:07 +0900

Android Fragment 핸들 뒤로 버튼 누르기

제 활동에 약간의 파편이 있습니다.

[1], [2], [3], [4], [5], [6]

그리고 Back Button(뒤로 버튼)에서 I를 누르면 현재 활성 fragment가 [2]인 경우 [2]에서 [1]로 되돌아가거나 다른 작업을 수행하지 않습니다.

그것을 하는 가장 좋은 방법은 무엇입니까?

편집: 응용 프로그램이 [3]...[6]에서 [2]로 되돌아가면 안 됩니다.

Fragments할 때 Fragments를 합니다.addToBackStack()의 의일서의 로서.FragmentTransaction:

FragmentTransaction tx = fragmentManager.beginTransation();
tx.replace( R.id.fragment, new MyFragment() ).addToBackStack( "tag" ).commit();

제어가 를 들어 Fragment가 에는 보가예다일경필우한요제가어경우싶상은로뒤키누고를르때될시표세한부예▁an▁if가),경▁set경(▁()우▁control싶▁the우▁you▁you보다▁can은▁detailed▁back▁more▁keyi:▁require고르,▁suppress),OnKeyListener조각의 상위 보기에서:

//You need to add the following line for this solution to work; thanks skayred
fragment.getView().setFocusableInTouchMode(true);
fragment.getView().requestFocus();
fragment.getView().setOnKeyListener( new OnKeyListener()
{
    @Override
    public boolean onKey( View v, int keyCode, KeyEvent event )
    {
        if( keyCode == KeyEvent.KEYCODE_BACK )
        {
            return true;
        }
        return false;
    }
} );

저는 차라리 다음과 같은 것을 하고 싶습니다.

private final static String TAG_FRAGMENT = "TAG_FRAGMENT";

private void showFragment() {
    final Myfragment fragment = new MyFragment();
    final FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
    transaction.replace(R.id.fragment, fragment, TAG_FRAGMENT);
    transaction.addToBackStack(null);
    transaction.commit();
}

@Override
public void onBackPressed() {
    final Myfragment fragment = (Myfragment) getSupportFragmentManager().findFragmentByTag(TAG_FRAGMENT);

    if (fragment.allowBackPressed()) { // and then you define a method allowBackPressed with the logic to allow back pressed or not
        super.onBackPressed();
    }
}

fragment 뷰에 대해 onKey 메서드를 재정의하는 경우:

    view.setFocusableInTouchMode(true);
    view.requestFocus();
    view.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                Log.i(tag, "keyCode: " + keyCode);
                if( keyCode == KeyEvent.KEYCODE_BACK && event.getAction() == KeyEvent.ACTION_UP) {
                    Log.i(tag, "onKey Back listener is working!!!");
                    getFragmentManager().popBackStack(null, FragmentManager.POP_BACK_STACK_INCLUSIVE);
                    return true;
                } 
                return false;
            }
        });

한 조각을 다른 조각으로 바꿀 때 addToBackStack 메서드를 사용합니다.

getFragmentManager().beginTransaction().replace(R.id.content_frame, fragment).addToBackStack("my_fragment").commit();

그런 다음 활동에서 다음 코드를 사용하여 조각에서 다른 조각(이전 코드)으로 돌아갑니다.

@Override
public void onBackPressed() {
    if (getParentFragmentManager().getBackStackEntryCount() > 0) {
        getParentFragmentManager().popBackStack();
    } else {
        super.onBackPressed();
    }
}

하드웨어 Back 키 이벤트를 처리하려면 fragment의 onActivityCreated() 메서드에서 다음 코드를 수행해야 합니다.

Action_Down 또는 Action_도 확인해야 합니다.UP 이벤트.확인하지 않을 경우 onKey() Method에서 두 번 호출됩니다.

또한 루트 뷰(getView()에 포커스가 포함되지 않으면 작동하지 않습니다.컨트롤을 클릭한 경우 다시 getView().requestFocus()를 사용하여 루트 뷰에 포커스를 지정해야 합니다. 이 후에는 onKeydown()만 호출됩니다.

getView().setFocusableInTouchMode(true);
getView().requestFocus();

getView().setOnKeyListener(new OnKeyListener() {
        @Override
        public boolean onKey(View v, int keyCode, KeyEvent event) {
                if (event.getAction() == KeyEvent.ACTION_DOWN) {
                    if (keyCode == KeyEvent.KEYCODE_BACK) {
                        Toast.makeText(getActivity(), "Back Pressed", Toast.LENGTH_SHORT).show();
                    return true;
                    }
                }
                return false;
            }
        });

저를 위해 아주 잘 일하고 있습니다.

인터페이스 만들기:

뒤로 단추 처리기인터페이스

public interface BackButtonHandlerInterface {
    void addBackClickListener (OnBackClickListener onBackClickListener);
    void removeBackClickListener (OnBackClickListener onBackClickListener);
}

OnBackClick 수신기

public interface OnBackClickListener {
     boolean onBackClick();
}

활동 중:

public class MainActivity extends AppCompatActivity implements BackButtonHandlerInterface {

    private ArrayList<WeakReference<OnBackClickListener>> backClickListenersList = new ArrayList<>();

    @Override
    public void addBackClickListener(OnBackClickListener onBackClickListener) {
        backClickListenersList.add(new WeakReference<>(onBackClickListener));
    }

    @Override
    public void removeBackClickListener(OnBackClickListener onBackClickListener) {
        for (Iterator<WeakReference<OnBackClickListener>> iterator = backClickListenersList.iterator();
         iterator.hasNext();){
            WeakReference<OnBackClickListener> weakRef = iterator.next();
            if (weakRef.get() == onBackClickListener){
                iterator.remove();
            }
        }
    }

    @Override
    public void onBackPressed() {
        if(!fragmentsBackKeyIntercept()){
            super.onBackPressed();
        }
    }

    private boolean fragmentsBackKeyIntercept() {
        boolean isIntercept = false;
        for (WeakReference<OnBackClickListener> weakRef : backClickListenersList) {
            OnBackClickListener onBackClickListener = weakRef.get();
            if (onBackClickListener != null) {
                boolean isFragmIntercept = onBackClickListener.onBackClick();
                if (!isIntercept) isIntercept = isFragmIntercept;
            }
        }
        return isIntercept;
    }
}

조각 내:

public class MyFragment extends Fragment implements OnBackClickListener{

    private BackButtonHandlerInterface backButtonHandler;

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        backButtonHandler = (BackButtonHandlerInterface) activity;
        backButtonHandler.addBackClickListener(this);
    }

    @Override
    public void onDetach() {
        super.onDetach();
        backButtonHandler.removeBackClickListener(this);
        backButtonHandler = null;
    }

    @Override
    public boolean onBackClick() {
        //This method handle onBackPressed()! return true or false
        return false;
    }

}

갱신하다

사용자 지정 후방 탐색 제공

class MyFragment : Fragment() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        // This callback will only be called when MyFragment is at least Started.
        val callback = requireActivity().onBackPressedDispatcher.addCallback(this) {
            // Handle the back button event
        }

        // The callback can be enabled or disabled here or in the lambda
    }

}

이를 위한 가장 이상적인 방법은 다음과 같습니다: 프래그먼트: 뒤로 버튼을 누르고 사용자 지정할 때 호출되는 콜백.

public class MyActivity extends Activity
{
    //...
    //Defined in Activity class, so override
    @Override
    public void onBackPressed()
    {
        super.onBackPressed();
        myFragment.onBackPressed();
    }
}

public class MyFragment extends Fragment
{
    //Your created method
    public static void onBackPressed()
    {
        //Pop Fragments off backstack and do your other checks
    }
}

 @Override
    public void onResume() {

        super.onResume();

        getView().setFocusableInTouchMode(true);
        getView().requestFocus();
        getView().setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {

                if (event.getAction() == KeyEvent.ACTION_UP && keyCode == KeyEvent.KEYCODE_BACK){

                    if (mDrawerLayout.isDrawerOpen(GravityCompat.START)){
                        mDrawerLayout.closeDrawer(GravityCompat.START);
                    }
                    return true;
                }

                return false;
            }
        });
    }

모든 솔루션을 살펴본 후에 훨씬 더 간단한 솔루션이 있다는 것을 깨달았습니다.

모든 fragment를 호스팅하는 활동의 onBackPressed()에서 백프레스를 방지할 fragment를 찾습니다.발견되면 그냥 돌아가세요.그러면 이 조각에 대해 popBackStack이 발생하지 않습니다.

  @Override
public void onBackPressed() {

        Fragment1 fragment1 = (Fragment1) getFragmentManager().findFragmentByTag(“Fragment1”);
        if (fragment1 != null)
            return;

        if (getFragmentManager().getBackStackEntryCount() > 0){
            getFragmentManager().popBackStack();

        }
}

여러 조각 및/또는 활동에서 백프레스를 처리할 수 있는 작은 라이브러리를 만들었습니다.사용은 Gradle 파일에 종속성을 추가하는 것만큼 간단합니다.

compile 'net.skoumal.fragmentback:fragment-back:0.1.0'

의 단편이 각을구니다합현을 구현하도록 .BackFragment인터페이스:

public abstract class MyFragment extends Fragment implements BackFragment {

    public boolean onBackPressed() {

        // -- your code --

        // return true if you want to consume back-pressed event
        return false;
    }

    public int getBackPriority() {
        return NORMAL_BACK_PRIORITY;
    }
}

백프레스에 대해 단편에 알립니다.

public class MainActivity extends AppCompatActivity {

    @Override
    public void onBackPressed() {
        // first ask your fragments to handle back-pressed event
        if(!BackFragmentHelper.fireOnBackPressedEvent(this)) {
            // lets do the default back action if fragments don't consume it
            super.onBackPressed();
        }
    }
}

자세한 내용 및 기타 사용 사례는 GitHub 페이지를 참조하십시오.

https://github.com/skoumalcz/fragment-back

아니면 당신은 사용할 수 있습니다.getSupportFragmentManager().getBackStackEntryCount()수행할 작업 확인하기

@Override
    public void onBackPressed() {

        logger.d("@@@@@@ back stack entry count : " + getSupportFragmentManager().getBackStackEntryCount());

        if (getSupportFragmentManager().getBackStackEntryCount() != 0) {

            // only show dialog while there's back stack entry
            dialog.show(getSupportFragmentManager(), "ConfirmDialogFragment");

        } else if (getSupportFragmentManager().getBackStackEntryCount() == 0) {

            // or just go back to main activity
            super.onBackPressed();
        }
    }

모든 트랜잭션을 백스택에 추가하는 흐름을 관리하는 경우 사용자가 뒤로 버튼을 누를 때 이전 조각을 표시하기 위해 다음과 같은 작업을 수행할 수 있습니다(홈 버튼도 매핑할 수 있음).

@Override
public void onBackPressed() {
    if (getFragmentManager().getBackStackEntryCount() > 0)
        getFragmentManager().popBackStack();
    else
        super.onBackPressed();
}

정적 프래그먼트를 사용하는 사용자용

만약 당신이 정적인 파편을 가지고 있다면 그것이 더 좋을 것입니다.조각의 인스턴스 개체 만들기

private static MyFragment instance=null;

MyFragment의 onCreate()에서 해당 인스턴스를 초기화

  instance=this;

또한 인스턴스를 가져오는 함수를 만듭니다.

 public static MyFragment getInstance(){
   return instance;
}

또한 기능을 만듭니다.

public boolean allowBackPressed(){
    if(allowBack==true){
        return true;
    }
    return false;
}


 //allowBack is a boolean variable that will be set to true at the action 
 //where you want that your backButton should not close activity. In my case I open 
 //Navigation Drawer then I set it to true. so when I press backbutton my 
 //drawer should be get closed

public void performSomeAction(){
    //.. Your code
    ///Here I have closed my drawer
}

당신의 활동에서 당신은 할 수 있습니다.

@Override
public void onBackPressed() {

    if (MyFragment.getInstance().allowBackPressed()) { 
        MyFragment.getInstance().performSomeAction();
    }
    else{
        super.onBackPressed();
    }
}

작업 코드:

package com.example.keralapolice;

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentManager.OnBackStackChangedListener;
import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

public class ChiefFragment extends Fragment {
    View view;

    // public OnBackPressedListener onBackPressedListener;

    @Override
    public View onCreateView(LayoutInflater inflater,
            ViewGroup container, Bundle args) {

        view = inflater.inflate(R.layout.activity_chief, container, false);
        getActivity().getActionBar().hide();
        view.setFocusableInTouchMode(true);
        view.requestFocus();
        view.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                Log.i(getTag(), "keyCode: " + keyCode);
                if (keyCode == KeyEvent.KEYCODE_BACK) {
                    getActivity().getActionBar().show();
                    Log.i(getTag(), "onKey Back listener is working!!!");
                    getFragmentManager().popBackStack(null, FragmentManager.POP_BACK_STACK_INCLUSIVE);
                    // String cameback="CameBack";
                    Intent i = new Intent(getActivity(), home.class);
                    // i.putExtra("Comingback", cameback);
                    startActivity(i);
                    return true;
                } else {
                    return false;
                }
            }
        });
        return view;
    }
}

제 생각에 가장 쉬운 방법은 인터페이스를 만들고 Activity에서 fragment가 인터페이스 유형인지 확인하고, 만약 그렇다면 pop을 처리하기 위해 메서드를 호출하는 것입니다.다음은 fragment에 구현할 인터페이스는 다음과 같습니다.

public interface BackPressedFragment {

    // Note for this to work, name AND tag must be set anytime the fragment is added to back stack, e.g.
    // getActivity().getSupportFragmentManager().beginTransaction()
    //                .replace(R.id.fragment_container, MyFragment.newInstance(), "MY_FRAG_TAG")
    //                .addToBackStack("MY_FRAG_TAG")
    //                .commit();
    // This is really an override. Should call popBackStack itself.
    void onPopBackStack();
}

구현 방법은 다음과 같습니다.

public class MyFragment extends Fragment implements BackPressedFragment
    @Override
    public void onPopBackStack() {
        /* Your code goes here, do anything you want. */
        getActivity().getSupportFragmentManager().popBackStack();
}

또한 활동에서 팝업을 처리할 때(BackPressed와 Options 모두에서 발생할 수 있음)항목 선택됨), 다음 방법을 사용하여 백스택을 팝합니다.

public void popBackStack() {
    FragmentManager fm = getSupportFragmentManager();
    // Call current fragment's onPopBackStack if it has one.
    String fragmentTag = fm.getBackStackEntryAt(fm.getBackStackEntryCount() - 1).getName();
    Fragment currentFragment = getSupportFragmentManager().findFragmentByTag(fragmentTag);
    if (currentFragment instanceof BackPressedFragment)
        ((BackPressedFragment)currentFragment).onPopBackStack();
    else
        fm.popBackStack();
}

Sliding Menu와 Fragment와 함께 작업하고 있습니다. 여기서 제 사례를 제시하고 누군가에게 도움이 되기를 바랍니다.

[Back](뒤로) 키를 눌렀을 때의 로직:

슬라이딩 메뉴가 표시되면 닫을 수 있습니다. 더 이상 할 일이 없습니다.
또는 두 번째(또는 그 이상) 조각이 표시되면 이전 조각으로 다시 이동하여 더 이상 수행할 작업이 없습니다.

슬라이딩 메뉴는 표시되지 않으며, 현재 Fragment는 #0이며, 원래 [Back](뒤로) 키를 수행합니다.

public class Main extends SherlockFragmentActivity
{
  private SlidingMenu menu=null;
  Constants.VP=new ViewPager(this);

  //Some stuff...

  @Override
  public void onBackPressed()
  {
    if(menu.isMenuShowing())
    {
      menu.showContent(true); //Close SlidingMenu when menu showing
      return;
    }
    else
    {
      int page=Constants.VP.getCurrentItem();
      if(page>0)
      {
        Constants.VP.setCurrentItem(page-1, true); //Show previous fragment until Fragment#0
        return;
      }
      else
      {super.onBackPressed();} //If SlidingMenu is not showing and current Fragment is #0, do the original [Back] key does. In my case is exit from APP
    }
  }
}

이는 매우 우수하고 신뢰할 수 있는 솔루션입니다. http://vinsol.com/blog/2014/10/01/handling-back-button-press-inside-fragments/

그 남자는 backPress 동작을 처리하는 추상 조각을 만들었고 전략 패턴을 사용하여 활성 조각 사이를 전환하고 있습니다.

여러분 중 몇몇에게는 추상적인 수업에서 약간의 단점이 있을 수 있습니다.

링크의 솔루션은 다음과 같습니다.

// Abstract Fragment handling the back presses

public abstract class BackHandledFragment extends Fragment {
    protected BackHandlerInterface backHandlerInterface;
    public abstract String getTagText();
    public abstract boolean onBackPressed();

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if(!(getActivity()  instanceof BackHandlerInterface)) {
            throw new ClassCastException("Hosting activity must implement BackHandlerInterface");
        } else {
            backHandlerInterface = (BackHandlerInterface) getActivity();
        }
    }

    @Override
    public void onStart() {
        super.onStart();

        // Mark this fragment as the selected Fragment.
        backHandlerInterface.setSelectedFragment(this);
    }

    public interface BackHandlerInterface {
        public void setSelectedFragment(BackHandledFragment backHandledFragment);
    }
}

활동에서의 사용:

// BASIC ACTIVITY CODE THAT LETS ITS FRAGMENT UTILIZE onBackPress EVENTS 
// IN AN ADAPTIVE AND ORGANIZED PATTERN USING BackHandledFragment

public class TheActivity extends FragmentActivity implements BackHandlerInterface {
    private BackHandledFragment selectedFragment;

    @Override
    public void onBackPressed() {
        if(selectedFragment == null || !selectedFragment.onBackPressed()) {
            // Selected fragment did not consume the back press event.
            super.onBackPressed();
        }
    }

    @Override
    public void setSelectedFragment(BackHandledFragment selectedFragment) {
        this.selectedFragment = selectedFragment;
    }
}

            rootView.setFocusableInTouchMode(true);
            rootView.requestFocus();
            rootView.setOnKeyListener(new View.OnKeyListener() {
            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event)   {
            if (keyCode == KeyEvent.KEYCODE_BACK) {


                Fragment NameofFragment = new NameofFragment;

                FragmentTransaction  transaction=getFragmentManager().beginTransaction();
                transaction.replace(R.id.frame_container,NameofFragment);

                transaction.commit();

                return true;
            }
            return false;
        }
    });

    return rootView;

fragment 트랜잭션에 addToBackStack()을 추가한 다음 fragment에 대한 Back Navigation 구현을 위해 아래 코드를 사용합니다.

getSupportFragmentManager().addOnBackStackChangedListener(
    new FragmentManager.OnBackStackChangedListener() {
        public void onBackStackChanged() {
            // Update your UI here.
        }
    });

Fragment Activity를 사용하는 경우.그럼 이렇게 해주세요.

먼저 이것을 당신의 조각 안에 불러들입니다.

public void callParentMethod(){
    getActivity().onBackPressed();
}

그런 다음 호출onBackPressed너의 부모님 안에 있는 방법FragmentActivity학급.

@Override
public void onBackPressed() {
  //super.onBackPressed();
  //create a dialog to ask yes no question whether or not the user wants to exit
  ...
}

에서 사용할 수 있습니다.getActionBar().setDisplayHomeAsUpEnabled():

@Override
public void onBackStackChanged() {
    int backStackEntryCount = getFragmentManager().getBackStackEntryCount();

    if(backStackEntryCount > 0){
        getActionBar().setDisplayHomeAsUpEnabled(true);
    }else{
        getActionBar().setDisplayHomeAsUpEnabled(false);
    }
}

활동에 이 코드 추가

@재지정

public void onBackPressed() {
    if (getFragmentManager().getBackStackEntryCount() == 0) {
        super.onBackPressed();
    } else {
        getFragmentManager().popBackStack();
    }
}

그리고 커밋하기 전에 fragment에 이 행을 추가합니다().

ft.addToBackStack("임의의 이름");

fragment 클래스에서 백 이벤트에 대해 다음 코드를 입력합니다.

 rootView.setFocusableInTouchMode(true);
        rootView.requestFocus();
        rootView.setOnKeyListener( new OnKeyListener()
        {
            @Override
            public boolean onKey( View v, int keyCode, KeyEvent event )
            {
                if( keyCode == KeyEvent.KEYCODE_BACK )
                {
                    FragmentManager fragmentManager = getFragmentManager();
                    fragmentManager.beginTransaction()
                            .replace(R.id.frame_container, new Book_service_provider()).commit();

                    return true;
                }
                return false;
            }
        } );

백스택 확인이 완벽하게 작동합니다.

@Override
public boolean onKeyDown(int keyCode, KeyEvent event)
{
    if (keyCode == KeyEvent.KEYCODE_BACK)
    {
        if (getFragmentManager().getBackStackEntryCount() == 1)
        {
            // DO something here since there is only one fragment left
            // Popping a dialog asking to quit the application
            return false;
        }
    }
    return super.onKeyDown(keyCode, event);
}

oncreateView() 메서드에서 이 코드를 KEYCODE_B로 작성해야 합니다.원하는 기능을 원하는 대로 쓸 수 있는 확인 조건

View v = inflater.inflate(R.layout.xyz, container, false);
//Back pressed Logic for fragment 
v.setFocusableInTouchMode(true); 
v.requestFocus(); 
v.setOnKeyListener(new View.OnKeyListener() { 
    @Override 
    public boolean onKey(View v, int keyCode, KeyEvent event) {
        if (event.getAction() == KeyEvent.ACTION_DOWN) {
            if (keyCode == KeyEvent.KEYCODE_BACK) {
                getActivity().finish(); 
                Intent intent = new Intent(getActivity(), MainActivity.class);
                startActivity(intent);

                return true; 
            } 
        } 
        return false; 
    } 
});

언급URL : https://stackoverflow.com/questions/7992216/android-fragment-handle-back-button-press

연결 문자열에서 기본 스키마를 설정할 수 있습니까?

yoursource — Mon, 4 Sep 2023 22:51:34 +0900

연결 문자열에서 기본 스키마를 설정할 수 있습니까?

SQL Server 2005 및 2008을 사용하면 연결 문자열에서 기본 스키마를 설정할 수 있습니까?SQL 코드로 스키마를 수동으로 설정할 필요가 없다면 훨씬 쉬울 것입니다.

연결 자체가 아닌 연결을 통해 로그인하는 사용자를 기준으로 기본 스키마를 설정합니다.

ALTER USER Mary51 WITH DEFAULT_SCHEMA = Purchasing;

참조:

사용자 변경

아니요, 연결 문자열이 아닌 데이터베이스 사용자 수준에서 수행됩니다.

다음은 연결 문자열에서 설정할 수 있는 모든 속성입니다. https://www.connectionstrings.com/all-sql-server-connection-string-keywords/

해당 로그인과 연결된 기본 스키마 변경

예

ALTER USER Mary51 WITH DEFAULT_SCHEMA = Purchasing;

자세한 내용은 http://msdn.microsoft.com/en-us/library/ms176060.aspx 를 참조하십시오.

"Schema"라고 말할 때 "Owner"(예: dbo)를 의미한다면 선택한 답변이 맞다고 생각합니다.

그러나 일부 공급업체의 언어에서 "데이터베이스"를 "Schema"와 동일한 의미로 사용하는 경우 아래에 추가 정보를 제공했습니다.

TimS에서 제공한 링크:

모든 SQL Server SqlConnection 속성

다음 두 가지 속성을 사용하여 행까지 아래로 스크롤합니다.

초기 카탈로그 또는 데이터베이스

다음은 DEFAULT DATABASE를 사용하는 연결 문자열의 예입니다.

Server=myServerName\myInstanceName,1433;Database=DEFAULT_DATABASE;User Id=myUsername;Password=myPassword;

자세한 예는 아래 링크를 참조하십시오.

SQL Server 2012에 대한 연결 문자열

언급URL : https://stackoverflow.com/questions/3282665/possible-to-set-default-schema-from-connection-string

테스트 파일 하위 테스트 시작 서버 mysql을 만들 수 없습니다.

yoursource — Mon, 4 Sep 2023 22:50:50 +0900

테스트 파일 하위 테스트 시작 서버 mysql을 만들 수 없습니다.

저는 JDBC 프로그래밍을 만드는 방법에 대해 이 튜토리얼을 따르고 있습니다.서버를 시작하기 위해 콘솔 명령까지 단계를 수행했습니다.

// For Windows

cd {path-to-mysql-bin}   // Check your MySQL installed directory
mysqld --console

다음 오류 메시지가 표시됩니다.

mysqld: Can't change dir to 'C:\Program Files\MySQL\MySQL Server 5.7\data\' (Errcode: 2 - No such file or directory)
2017-01-06T10:54:36.968210Z 0 [Warning] TIMESTAMP with implicit DEFAULT value is deprecated. Please use --explicit_defaults_for_timestamp server option (see documentation for more details).
2017-01-06T10:54:36.968210Z 0 [Note] --secure-file-priv is set to NULL. Operations related to importing and exporting data are disabled
2017-01-06T10:54:36.968210Z 0 [Note] mysqld (mysqld 5.7.17) starting as process 11248 ...
2017-01-06T10:54:36.974226Z 0 [Warning] Can't create test file C:\Program Files\MySQL\MySQL Server 5.7\data\DESKTOP-DEQ2IC2.lower-test
2017-01-06T10:54:36.975229Z 0 [Warning] Can't create test file C:\Program Files\MySQL\MySQL Server 5.7\data\DESKTOP-DEQ2IC2.lower-test
2017-01-06T10:54:36.975229Z 0 [ERROR] failed to set datadir to C:\Program Files\MySQL\MySQL Server 5.7\data\
2017-01-06T10:54:36.976231Z 0 [ERROR] Aborting

2017-01-06T10:54:36.977234Z 0 [Note] Binlog end
2017-01-06T10:54:36.978237Z 0 [Note] mysqld: Shutdown complete

MySql을 이런 식으로 사용하는 것은 처음이지만 서버 디렉토리에 데이터 폴더가 없고 데이터 디렉토리가 있는 곳에 구성 정보가 저장되어 있다고 생각되는 my.ini 파일이 없습니다.또한 제가 읽은 윈도우 설치 프로그램을 사용하여 MySql을 설치했는데, 그 이유는 my.ini 파일이 없고 템플릿 my-default.ini 파일만 있기 때문일 수 있습니다.

왜 이런 일이 일어나는지 아는 사람?

에 폴더 C:\Program Files\MySQL\MySQL Server 8.0.

다음을 사용하여 새 파일 만들기

(ALTER USER 'root'@'localhost' IDENTIFIED BY 'MyNewPass';)

암호 재설정 명령(필요한 경우)

이 파이다위있확인다니합는지에 합니다.C:드라이브. 루트 폴더.

그런 다음 다음 명령을 실행합니다.

C:\> cd "C:\Program Files\MySQL\MySQL Server 8.0\bin"
C:\> mysqld --init-file=C:\\mysql-init.txt

위에서 언급한 대로 "데이터" 폴더를 만듭니다. (그 후 오류가 표시되지 않았지만 시작되지 않았습니다.)
그런 다음 창에서 services.msc로 이동하고 여기서 시작합니다.또한 창을 시작할 때마다 자동으로 시작되도록 자동으로 설정합니다.그것은 나에게 효과가 있었다.

는 명령을 실행했습니다.bin\mysqld --initialize --console모든 것이 해결되었습니다.경우에 따라 데이터 폴더를 먼저 만들어야 합니다.창과 나머지 창에는 서로 다른 매개 변수가 있습니다.

다음 링크를 참조하십시오.
https://dev.mysql.com/doc/refman/8.0/en/.htmlhttps ://dev.mysql.com/doc/refman/8.0/en/data-directory-initialization.html
https://dev.mysql.com/doc/refman/8.0/en/data-directory-initialization.html#://dev.mysql.com/doc/refman/8.0/en/data-directory-initialization.html#data-directory-initialization-password-assignment
https://dev.mysql.com/doc/refman/8.0/en/.htmlhttps ://dev.mysql.com/doc/refman/8.0/en/option-files.html

MySQL 설치 마법사를 사용하여 MySQL을 설치하는 경우 실행 경로는 설치한 위치입니다."C:\Program Files\My"와 같은 것입니다.SQL\MySQL Server 8.0\bin"입니다.my.init 파일이 ProgramData에 있으며 init 파일의 경로는 "C:\ProgramData\My"와 같을 수 있습니다.SQL\MySQL Server 8.0"입니다.위치에서 볼 수 없는 경우에는 숨김 여부를 확인해 주시기 바랍니다.

오류 설명 "테스트 파일 C:\Program Files\My를 만들 수 없습니다.SQL\MySQL Server 5.7\data...", MySQL 설치 위치에 'data'라는 폴더가 없습니다.대부분 'my.init' 파일이 있는 곳에 상주할 수 있습니다(ProgramData).그렇지 않으면 폴더 이름이 '데이터'가 아니라 '데이터'일 수 있습니다.

데이터 폴더를 init-file 존재 위치에서 복사하여 실행 파일 위치에 붙여넣을 수 있습니다.또한 대문자로 표시된 폴더의 이름을 데이터로 변경합니다.

저의 경우 Windows 설치 관리자가 설치된 MySQL을D:/Windows 서비스로 실행되지 않도록 설정되었습니다.나는 이사를 통해 문제를 해결할 수 있었습니다.my.iniC에서:\ProgramData\MySQL\MySQL Server 8.0에서 MySQL 설치 폴더로 이동합니다.

이 오류는 저에게 발생합니다.솔루션이 편집되었습니다.\Program Files\xampp\mysql\data\my.ini에서 디렉토리를 D: 경로로 변경합니다.

[mysqld]
datadir=D:\program files\xampp\mysql\data
[client]

저도 비슷한 문제를 해결할 수 있었습니다.

C:\Program Files\MySQL\MySQL Server 8.0\bin>**mysqld --console**
2021-02-27T23:46:09.919345Z 0 [System] [MY-010116] [Server] C:\Program Files\MySQL\MySQL Server 8.0\bin\mysqld.exe (mysqld 8.0.23) starting as process 7296
2021-02-27T23:46:09.926583Z 0 [Warning] [MY-010091] [Server] Can't create test file C:\Program Files\MySQL\MySQL Server 8.0\data\mysqld_tmp_file_case_insensitive_test.lower-test
2021-02-27T23:46:09.926798Z 0 [Warning] [MY-010091] [Server] Can't create test file C:\Program Files\MySQL\MySQL Server 8.0\data\mysqld_tmp_file_case_insensitive_test.lower-test
2021-02-27T23:46:09.927086Z 0 [ERROR] [MY-013276] [Server] Failed to set datadir to 'C:\Program Files\MySQL\MySQL Server 8.0\data\' (OS errno: 2 - No such file or directory)
2021-02-27T23:46:09.933751Z 0 [ERROR] [MY-010119] [Server] Aborting
2021-02-27T23:46:09.934110Z 0 [System] [MY-010910] [Server] C:\Program Files\MySQL\MySQL Server 8.0\bin\mysqld.exe: Shutdown complete (mysqld 8.0.23)  MySQL Community Server - GPL.

해결책은 my.ini 파일을 다시 생성해야 한다는 것이었습니다.C:\ProgramData\MySQL\MySQL Server 8.0여기에 추가합니다.

[mysqld]
datadir=C:\ProgramData\MySQL\MySQL Server 8.0\Data

인코딩을 ANSI로 설정하고 파일을 저장합니다.

그런 다음 서비스를 시작할 수 있습니다.

"C:\Program Files\MySQL\MySQL Server 8.0\bin\mysqld.exe" --defaults-file="C:\ProgramData\MySQL\MySQL Server 8.0\my.ini" MySQL80

새로운 MSI 설치 프로그램으로 설치해도 문제가 해결되지 않았고, 위에서 언급한 내용을 적용할 때까지 계속 작동하지 않았습니다.

저의 경우, 데이터 폴더가 존재하지 않기 때문에 데이터 폴더를 만들고 작업을 시작했습니다.

xampp-portable-windows-x64-8.0.8-0-VS16의 경우 \xampp \readme_en.txt에 언급된 대로 드라이브 루트만 배치하면 작동했습니다.

NOTE: Unpack the package to your USB stick or a partition of your choice.
There it must be on the highest level like E:\ or W:\.

도움이 되기를 바랍니다.

이 스레드의 처음에 언급된 것과 같은 문제를 발견했는데, 관리자 모드(윈도우)에서 콘솔을 실행하는 것이 요령이었습니다."폴더를 찾을 수 없습니다." 등과 관련된 오류 메시지는 프로그램이 요청 시 이러한 폴더와 파일을 만들 수 없기 때문입니다.건배.

관리 모드에 있지 않고 서버를 실행하려고 할 때 발생했습니다.관리 모드에서 콘솔 다시 시작을 시도한 다음 다시 시도하기 전에 sql server 8.0 디렉토리로 이동합니다.

명령 프롬프트 - 관리자 권한으로 mysqld를 시작했습니다.이 문제는 해결되었습니다.테스트 파일을 만들 수 없습니다. 권한 문제입니다.

언급URL : https://stackoverflow.com/questions/41504580/cant-create-test-file-lower-test-start-server-mysql

Git 태그를 재생성한 후 "태그가 원격에 이미 있습니다" 오류가 발생했습니다.

yoursource — Mon, 4 Sep 2023 22:49:57 +0900

Git 태그를 재생성한 후 "태그가 원격에 이미 있습니다" 오류가 발생했습니다.

아래 단계를 실행한 후 다음 오류가 발생합니다.

To git@provider.com:username/repo-name.git
 ! [rejected]        dev -> dev (already exists)
error: failed to push some refs to 'git@provider.com:username/repo-name.git'
hint: Updates were rejected because the tag already exists in the remote.

리포지토리를 만들었습니다.
로컬 컴퓨터에서 레포를 복제했습니다.
README 파일을 수정하고 변경 사항을 커밋한 후 커밋을 푸시했습니다.
된 태그 태된그dev:git tag dev
태그: 푸된태그:git push --tags
README 파일을 수정하고 변경 사항을 커밋한 후 커밋을 푸시했습니다.
된 태그 제된태그dev다시 생성하고 태그를 푸시했습니다.
```
git tag -d dev
git tag dev
git push --tags
```

왜 이런 일이 생기는 건가요?

저는 맥에 있어요.리눅스(우분투)를 사용하는 내 친구들은 이 문제가 없습니다.나는 내가 사용할 수 있다는 것을 알고 있습니다.git push --tags -f태그를 강제로 업데이트하지만 이는 위험합니다(예: 분기가 아닌 태그에서만 실수로 커밋을 다시 작성).

편집, 2016년 11월 24일: 이 답변은 분명히 인기가 있어서 여기에 메모를 추가합니다.중앙 서버에서 태그를 교체하는 경우, 이전 태그(이미 태그가 있는 중앙 서버 리포지토리의 복제본)를 가진 모든 사용자가 이전 태그를 유지할 수 있습니다.그래서 이것이 어떻게 하는지 알려주는 동안, 여러분이 그것을 하고 싶어하는지 확실히 하세요.이미 "잘못된" 태그를 가진 모든 사용자가 "잘못된" 태그를 삭제하고 새 "올바른" 태그로 바꾸도록 해야 합니다.

2한 결과 Git 2.10/2.11을 실행하는 태그 을 알 수 .git fetch는 " " " 를 실행하는 입니다.git fetch --tags.

(원답은 다음과 같습니다.)

태를누르고하면라그,,하면▁when▁to▁you▁tags고.git push --tags( 및 및 설정의 ) .new-sha1 refs/tags/name(태그별로 하나씩 전송됩니다.)

업데이트 요청은 리모컨에 의해 수정되어 각 태그에 대해 하나씩 추가된 다음 사전 수신 후크 및/또는 업데이트 후크(원격에 있는 후크 중 하나)로 전달됩니다.이러한 후크는 태그 생성/삭제/업데이트를 허용할지 또는 거부할지 결정할 수 있습니다.

태그가 생성되는 경우 값은 0이 모두 "null"인 SHA-1입니다.태그가 삭제되는 경우 은 null SHA-1입니다.그렇지 않으면 두 SHA-1 값이 모두 실제 유효한 값입니다.

후크가 없는 경우에도 실행되는 일종의 "내장 후크"가 있습니다. 리모컨은 "강제" 플래그를 사용하지 않는 한 태그 이동을 거부합니다("추가" 및 "삭제" 모두 "내장 후크"는 항상 정상임에도 불구하고).현재 보고 있는 거부 메시지는 이 기본 제공 후크에서 온 것입니다. (참고로 이 기본 제공 후크는 빠르게 전달되지 않는 지점 업데이트도 거부합니다.)¹

하지만, 여기에 무슨 일이 일어나고 있는지 이해할 수 있는 열쇠가 있습니다.git push, 값이 못합니다. step은 SHA-1의 값을 가지고 있습니다.여기에는 "SHA-1 값과 함께 전체 태그 목록이 있습니다."라고만 표시됩니다.원격은 값을 비교하고 추가 및/또는 변경 사항이 있는 경우 해당 값에 대한 후크를 실행합니다. (같은 태그의 경우에는 전혀 작동하지 않습니다.)태그가 없는 경우에는 아무 것도 하지 않습니다!)

태그를 로컬로 삭제하는 경우push당신의 푸시는 단순히 태그를 전송하지 않습니다.리모컨은 변경해서는 안 된다고 가정합니다.

태그를 로컬에서 삭제한 후 새 위치를 가리키며 태그를 작성할 경우push밀어넣기는 태그를 전송하고 리모컨은 이를 태그 변경으로 보고 강제 변경이 아닌 한 변경을 거부합니다.

따라서 두 가지 옵션이 있습니다.

강제 추행을 하거나, 아니면.
원격에서 태그를 삭제합니다.

후자는 다음을 통해 가능합니다.git push² 로컬에서 태그를 삭제하고pushing ing 효없습니다가과은다니습▁ing없효.을 리컨의이다같음가다이니정합과름을모로 합니다.origin는 삭할태그다같과습다니음는제▁you다입니다.dev:

git push origin :refs/tags/dev

원격에서 태그를 삭제하도록 요청합니다.의 dev. 의 당신지저서무는니다관합에종; 류의이런역소장의▁in의종류.push,와 함께:remoteref는push.refspec, 이며, 는 refspec입니다.

추가된 후크에 따라 원격에서 태그 삭제를 허용하거나 허용하지 않을 수 있습니다. 두 태그는 사라집니다.git push --tags의 지인이있때을현▁a▁you때을▁when▁local▁havedev이 달린 태그 개체를 , 새 repo를 합니다.dev에 태그. 에콘리.dev이제 새로 생성된 태그가 되므로 리모컨에서 푸시를 허용할 수 있습니다(이것도 추가된 추가 후크에 따라 다릅니다).

힘으로 누르는 것이 더 간단합니다.태그 이외의 다른 업데이트를 하지 않으려면 다음과 같이 하십시오.git pushrefspec 하나만 누르면 됩니다.

git push --force origin refs/tags/dev:refs/tags/dev

--tags하나의 태그 ref-spec만 명시적으로 푸시하는 경우).

¹물론 이 기본 제공 후크의 이유는 동일한 원격 레포의 다른 사용자가 기대하는 동작, 즉 분기가 다시 감기지 않고 태그가 움직이지 않는 동작을 수행하는 데 도움이 되기 때문입니다.강제로 누르면 다른 사용자에게 이 작업을 수행 중임을 알려 수정할 수 있습니다.Git 1.8.2는 "태그가 전혀 움직이지 않음"을 새로 적용했습니다. 이전 버전에서는 분기 이름과 마찬가지로 커밋 그래프에서 태그가 "앞으로 이동"할 수 있습니다.Git 1.8.2 릴리스 정보를 참조하십시오.

²원격으로 로그인할 수 있다면 사소한 일입니다.Git 저장소로 이동하여 실행하기만 하면 됩니다.git tag -d dev원격에서 태그를 삭제하거나 사용하는 방법 중 하나를 참조하십시오.git push삭제하기 위해—리모트에 액세스하는 사람은 누구나 발견할 수 있는 기간이 있습니다.dev태그가 없습니다. (이미 태그가 있는 경우 이전 태그를 계속 가지고 있으며 새 태그를 누르기 전에 이전 태그를 다시 밀어 올릴 수도 있습니다.)

Mac 소스 트리에서만 Push all tags 확인란의 선택을 취소합니다.

소스 트리를 사용하는 경우 매우 간단합니다.

기본적으로 충돌하는 태그를 제거했다가 다시 추가하면 됩니다.

탭 리포지토리 -> 태그 -> 태그 제거로 이동합니다.
충돌하는 태그 이름 선택
모든 원격에서 태그 제거를 선택합니다.
제거를 누릅니다.
적절한 커밋에 동일한 이름의 새 태그 만들기
원격으로 변경사항을 푸시할 때 모든 태그 밀어넣기를 선택해야 합니다.

제가 이 문제에 대해 늦은 것 같기도 하고 이미 답변이 된 것 같기도 하지만, 할 수 있는 일은 다음과 같습니다. (저의 경우, 저는 현지에서 태그를 하나만 가지고 있었기 때문에..이전 태그를 삭제하고 다음과 같이 다시 태그를 지정했습니다.

git tag -d v1.0
git tag -a v1.0 -m "My commit message"

그러면:

git push --tags -f

원격의 모든 태그가 업데이트됩니다.

위험할 수 있습니다!자신의 위험을 무릅쓰고 사용합니다.

태그를 업데이트하려면 다음과 같이 하십시오.1.0.0

git checkout 1.0.0
변경합니다.
git ci -am 'modify some content'
git tag -f 1.0.0
에서 원격 태그 삭제:git push origin --delete 1.0.0
git push origin 1.0.0

다 했어요.

거부되는 이유는 태그가 원격 버전과 동기화되지 않았기 때문입니다.이것은 분기와 동일한 동작입니다.

를 통해동태기화그를 와 동기화git pull --rebase <repo_url> +refs/tags/<TAG>동기화한 후에는 충돌을 관리해야 합니다.diftool을 설치한 경우(예: meld)git mergetool meld원격 동기화 및 변경 사항 유지에 사용합니다.

--rebase 플래그를 사용하는 이유는 원격 플래그 위에 작업을 올려놓아 다른 충돌을 방지하기 위해서입니다.

또한, 이해가 안 되는 것은 왜 당신이 그것을 삭제하느냐는 것입니다.dev태그를 지정하고 다시 생성하시겠습니까?태그는 소프트웨어 버전 또는 마일스톤을 지정하는 데 사용됩니다. 태그의 예 깃 태 예v0.1dev,v0.0.1alpha,v2.3-cr(cr - 후보 릴리스) 등.

이 문제를 해결할 수 있는 또 다른 방법은 문제입니다.git reflog그리고 당신이 밀어붙인 그 순간으로 가세요.dev리모콘에 태그커밋 ID를 복사합니다.git reset --mixed <commmit_id_from_reflog>이렇게 하면 태그를 눌렀을 때 태그가 리모컨과 동기화되어 충돌이 발생하지 않습니다.

어떻게 이런 상태가 됐는지 아직도 궁금할 때...

로컬 중복 태그를 모두 삭제한 다음 원격에서 해당 태그를 제거하는 간단한 해결책을 찾았습니다.예:

git tag -d some-tag
git pull --tags

더 이상 충돌이나 경고가 없습니다.

로컬 리포지토리를 미리 백업하는 것이 좋습니다.

윈도우즈 소스 트리에서 선택 취소Push all tags to remotes.

여기 좋은 대답이 있습니다.특히 @torek의 작품.급하게 서두르는 사람들을 위해 약간의 설명과 함께 이 해결책을 추가해야겠다고 생각했습니다.

요약하면 태그를 로컬로 이동하면 Null이 아닌 커밋 값에서 다른 값으로 태그가 변경됩니다.그러나 Git(기본 동작)에서는 Null이 아닌 원격 태그를 변경할 수 없으므로 변경 내용을 푸시할 수 없습니다.

해결 방법은 태그를 삭제하고 체크 표시를 하여 모든 원격을 제거하는 것입니다.그런 다음 동일한 태그를 만들고 푸시합니다.

언급URL : https://stackoverflow.com/questions/19298600/tag-already-exists-in-the-remote-error-after-recreating-the-git-tag

user_1	user_2	타임스탬프	참고(표의 일부가 아님)
23	25	2012-08-10 22:00:00
24	22	2012-08-10 19:00:00	<=== 이 행을 반환하고 싶습니다.
24	22	2012-08-10 17:00:00
21	17	2012-08-10 15:00:00

언급URL : https://stackoverflow.com/questions/2426614/how-to-animate-the-textcolor-property-of-an-uilabel

Docker 명령의 --net=host 옵션은 실제로 무엇을 합니까?

yoursource — Mon, 4 Sep 2023 22:45:03 +0900

Docker 명령의 --net=host 옵션은 실제로 무엇을 합니까?

저는 도커에 대해 조금 초보입니다.도커 실행 명령에서 이 옵션이 수행하는 작업에 대한 명확한 설명을 심층적으로 찾을 수 없었고 약간 혼란스러웠습니다.

포트를 지정하지 않고 도커 컨테이너에서 실행되는 애플리케이션에 액세스할 수 있습니까?예를 들어 포트 8080에서 도커 이미지를 통해 배포된 웹 앱을 실행하는 경우 옵션을 사용하여-p 8080:8080도커 실행 명령에서는 도커 컨테이너 ip / the WebAppName의 8080 포트에서 액세스해야 합니다.하지만 어떻게 해야 할지 생각이 안 나요--net=host옵션이 작동합니다.

도커 설치 후 기본적으로 3개의 네트워크가 있습니다.

docker network ls
NETWORK ID          NAME                DRIVER              SCOPE
f3be8b1ef7ce        bridge              bridge              local
fbff927877c1        host                host                local
023bb5940080        none                null                local

난 이걸 단순하게 유지하려고 노력하고 있습니다.따라서 기본적으로 컨테이너를 시작하면 브리지(도커0) 네트워크 내부에 컨테이너가 생성됩니다.

$ docker run -d jenkins
1498e581cdba        jenkins             "/bin/tini -- /usr..."   3 minutes ago       Up 3 minutes        8080/tcp, 50000/tcp   friendly_bell

젠킨스의 도커 파일에 있는 포트들은8080그리고.50000노출되었습니다.이러한 포트는 브리지 네트워크의 컨테이너에 대해 열립니다.그래서 브리지 네트워크 내의 모든 것이 포트의 컨테이너에 액세스할 수 있습니다.8080그리고.50000브리지 네트워크의 모든 것은 개인 범위에 있습니다."Subnet": "172.17.0.0/16",외부에서 액세스하려면 포트를 매핑해야 합니다.-p 8080:8080컨테이너의 포트를 실제 서버(호스트 네트워크)의 포트에 매핑합니다.그래서 서버에 액세스하는 것은8080포트의 브리지 네트워크로 라우팅합니다.8080.

이제 호스트 네트워크도 있습니다.컨테이너 네트워킹을 컨테이너화하지 않습니다.따라서 호스트 네트워크에서 컨테이너를 시작하면 다음과 같이 나타납니다(첫 번째 컨테이너).

CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                 NAMES
1efd834949b2        jenkins             "/bin/tini -- /usr..."   6 minutes ago       Up 6 minutes                              eloquent_panini
1498e581cdba        jenkins             "/bin/tini -- /usr..."   10 minutes ago      Up 10 minutes       8080/tcp, 50000/tcp   friendly_bell

차이점은 포트에 있습니다.이제 컨테이너가 호스트 네트워크 내부에 있습니다.그래서 만약 당신이 항구를 연다면,8080호스트에서 컨테이너에 즉시 액세스합니다.

$ sudo iptables -I INPUT 5 -p tcp -m tcp --dport 8080 -j ACCEPT

개항했습니다.8080방화벽에서 포트의 서버에 액세스하는 경우8080젠킨스에 접속하고 있습니다저는 이 블로그가 더 잘 이해하는 데도 유용하다고 생각합니다.

그--net=host옵션은 네트워크 관점에서 Docker 컨테이너 내부의 프로그램이 호스트 자체에서 실행 중인 것처럼 보이게 하는 데 사용됩니다.컨테이너가 일반적으로 얻을 수 있는 것보다 더 많은 네트워크 액세스를 허용합니다.

일반적으로 호스트 시스템에서 컨테이너로 포트를 전달해야 하지만 컨테이너가 호스트의 네트워크를 공유할 때 프로그램이 컨테이너 내부가 아닌 호스트에서 로컬로 실행되는 경우와 마찬가지로 모든 네트워크 작업이 호스트 시스템에서 직접 수행됩니다.

따라서 더 이상 포트를 노출하고 컨테이너 포트에 매핑할 필요가 없지만 두 개의 컨테이너가 동일한 호스트 포트에서 작동할 수 없으므로 충돌을 방지하기 위해 각 컨테이너가 수신하는 포트를 조정하기 위해 도커 파일을 편집해야 합니다.그러나 이 옵션의 실제 이유는 포트 수준의 컨테이너로 전달하기 어려운 네트워크 액세스가 필요한 앱을 실행하기 위한 것입니다.

예를 들어 DHCP 서버를 실행하려면 네트워크에서 브로드캐스트 트래픽을 수신하고 패킷에서 MAC 주소를 추출할 수 있어야 합니다.이 정보는 포트 포워딩 프로세스 중에 손실되므로 Docker 내부에서 DHCP 서버를 실행하는 유일한 방법은 컨테이너를 다음과 같이 실행하는 것입니다.--net=host.

일반적으로 말하면,--net=host이는 매우 구체적이고 비정상적인 네트워크 요구를 가진 프로그램을 실행하는 경우에만 필요합니다.

마지막으로, 보안 관점에서 Docker 컨테이너는 단일 포트만 보급(노출)하더라도 많은 포트에서 수신할 수 있습니다.일반적으로 이것은 예상되는 단일 포트만 전달하기 때문에 괜찮지만, 사용하는 경우--net=host그러면 도커 파일에 나열되지 않은 모든 컨테이너 포트가 호스트에서 수신됩니다.이는 컨테이너를 자세히 확인해야 함을 의미합니다(특히 소프트웨어 프로젝트에서 제공하는 공식 컨테이너가 아닌 경우). 실수로 추가 서비스가 기계에 노출되지 않도록 해야 합니다.

호스트 네트워킹 드라이버는 Linux 호스트에서만 작동하며, Mac용 Docker Desktop, Windows용 Docker Desktop 또는 Windows Server용 Docker EE에서는 지원되지 않습니다.

--net="anyname"과 같은 새로운 네트워크를 만들 수 있습니다.
이 작업은 서비스를 다른 컨테이너에서 분리하기 위해 수행됩니다.
동일한 서비스가 서로 다른 컨테이너에서 실행되고 있지만 포트 매핑은 동일하게 유지되고 첫 번째 컨테이너는 정상적으로 시작되지만 두 번째 컨테이너의 동일한 서비스는 실패한다고 가정합니다.이 문제를 방지하려면 포트 매핑을 변경하거나 네트워크를 생성합니다.

언급URL : https://stackoverflow.com/questions/43316376/what-does-net-host-option-in-docker-command-really-do

select2 - 검색 상자 숨기기

yoursource — Tue, 15 Aug 2023 15:23:28 +0900

select2 - 검색 상자 숨기기

저의 더 중요한 선택을 위해, Select2의 검색 상자는 훌륭합니다.하지만 한 가지 예로 하드 코딩된 4가지 선택 항목을 간단하게 선택할 수 있습니다.이 경우 검색 상자는 불필요하며 존재하는 것이 약간 바보처럼 보입니다.어떻게든 숨길 수 있을까요?온라인 설명서를 살펴봤는데 생성자에서 이에 대한 옵션을 찾을 수 없었습니다.

물론 일반 HTML 셀렉트를 사용할 수도 있지만, 일관성을 위해 가능하다면 Select2를 사용하고 싶습니다.

이 스레드 https://github.com/ivaynberg/select2/issues/489, 을 참조하십시오. minimumResultsForSearch를 음의 값으로 설정하여 검색 상자를 숨길 수 있습니다.

$('select').select2({
    minimumResultsForSearch: -1
});

예제 페이지에 있습니다. https://select2.org/searching#hiding-the-search-box

$(".js-example-basic-hide-search").select2({
  minimumResultsForSearch: Infinity
});

버전 4.0.3

사용자 인터페이스 요구 사항을 JavaScript 코드와 혼합하지 마십시오.

다음과 같은 속성을 사용하여 마크업에서 검색 상자를 숨길 수 있습니다.

data-minimum-results-for-search="Infinity"

마크업

<select class="select2" data-minimum-results-for-search="Infinity"></select>

예

$(document).ready(function() {
  $(".select2").select2();
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<label>without search box</label>
<select class="select2" data-width="100%" data-minimum-results-for-search="Infinity">
  <option>one</option>
  <option>two</option>
</select>

<label>with search box</label>
<select class="select2" data-width="100%">
  <option>one</option>
  <option>two</option>
</select>

.no-search .select2-search {화면표시:표시}
$("#test").2개의 상품을 선택합니다.드롭다운 CssClass : '검색 없음'});

jQuery를 사용하여 입력을 제거하면 다음과 같은 이점이 있습니다.

$(".select2-search, .select2-focusser").remove();

다음 중 하나를 설정할 수 있습니다.infinity또는-1위해서minimumResultsForSearch선택

솔루션 1

참조: https://select2.org/searching#limiting-display-of-the-search-box-to-large-result-sets

$('select').select2({
    minimumResultsForSearch: -1
});

솔루션 2

참조: https://select2.org/searching#hiding-the-search-box

$('select').select2({
   minimumResultsForSearch: Infinity
});

특정 드롭다운에 대한 검색을 숨기려면 해당 드롭다운에 대한 id 특성을 사용합니다.

$('#select_id').select2({ minimumResultsForSearch: -1 });

이것은 깨끗하고 작동하기 좋은 최고의 솔루션입니다.

$("#select2Id").select2 () ;
$("#select2Id").select2 ('container').find ('.select2-search').addClass ('hidden') ;

그런 다음 클래스를 만듭니다..hidden { display;none; }

해보세요.

$('#select_id').select2({ minimumResultsForSearch: -1 });

검색 결과 상자를 닫고 컨트롤을 표시하지 않도록 설정합니다.

2개의 문서 선택 2개의 문서 선택에서 확인할 수 있습니다.

선택 항목의 옵션 수에 따라 동적으로 이 작업을 수행하고, 결과가 10개 이하인 선택 항목 검색을 숨기려면 다음 작업을 수행합니다.

$fewResults = $("select>option:nth-child(11)").closest("select");
$fewResults.select2();
$('select').not($fewResults).select2({ minimumResultsForSearch : -1 });

//Disable a search on particular selector
$(".my_selector").select2({
    placeholder: "ÁREAS(todas)",
    tags: true,
    width:'100%',
    containerCssClass: "area_disable_search_input" // I add new class 
});

//readonly prop to selector class
$(".area_disable_search_input input").prop("readonly", true);

//readonly on all select2 input
$(".select2-search input").prop("readonly", true);

선택한 항목에 다중 속성이 있는 경우 이 더티 해킹은 다음과 같이 작동합니다.

var multipleSelect = $('select[name="list_type"]');
multipleSelect.select2();
multipleSelect.parent().find('.select2-search--inline').remove();
multipleSelect.on('change', function(){
    multipleSelect.parent().find('.select2-search--inline').remove();
});

여기에서 문서를 참조하십시오. https://select2.org/searching#limiting-display-of-the-search-box-to-large-result-sets

처음 시작할 때 숨어서 Ajax 호출을 통해 드롭다운을 채우는 경우 select2 선언의 Ajax 블록에 다음을 추가합니다.

beforeSend: function () 
  {
    $('.select2-search--dropdown').addClass('hidden');
  }

Ajax 요청이 성공한 후 다시 표시(및 포커스)하려면 다음과 같이 하십시오.

  success: function() {
      $('.select2-search--dropdown').removeClass('select2-search--hide'); // show search bar then focus
      $('.select2-search__field')[0].focus();
  }

이 CSS를 사용해 보세요.

input[aria-controls=select2-product-type-results]{
  display: none;
}

이 입력은 검색 필드입니다.

누군가가 이 문제에 실패할 경우를 대비하여 이제 생성자에 질문이 찾던 것에 더 가까운 검색 숨기기 옵션이 있습니다.

echo Select2::widget([ 'name' => 'status','hideSearch' => true, 'data' => [1 => 'Active', 2 => 'Inactive']]);

$(document).ready(function() {
  $(".select2").select2();
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

<label>without search box</label>
<select class="select2" data-width="100%" data-minimum-results-for-search="Infinity">
  <option>one</option>
  <option>two</option>
</select>

<label>with search box</label>
<select class="select2" data-width="100%">
  <option>one</option>
  <option>two</option>
</select>

선택 항목이 결과 표시인 경우 다음을 사용해야 합니다.

$('#yourSelect2ControlId').select2("close").parent().hide();

검색 결과 상자를 닫고 컨트롤을 표시하지 않도록 설정합니다.

@미샤 코브린의 대답이 저에게 잘 맞아서 좀 더 설명을 해드리기로 했습니다.

jQuery로 할 수 있는 검색 상자를 숨기려고 합니다.

예를 들어 ID가 있는 드롭다운에서 select2 플러그인을 초기화했습니다.

element_select = '#audience';// id or class
$(element_select).select2("close").parent().hide();

이 예제는 select2가 작동하는 모든 장치에서 작동합니다.

는 편했습다니를 했습니다.select2.min.js을 select-2__search에 생성되는 readonly="true".

다중 선택의 경우 js 코드를 작성해야 하며, 설정 속성이 없습니다.

$('#js-example-basic-hide-search-multi').select2();

$('#js-example-basic-hide-search-multi').on('select2:opening select2:closing', function( event ) {
    var $searchfield = $(this).parent().find('.select2-search__field');
    $searchfield.prop('disabled', true);
});

그들의 페이지에 언급된 내용은 https://select2.org/searching#multi-select 입니다.

언급URL : https://stackoverflow.com/questions/17480040/select2-hiding-the-search-box

Div 높이가 100%이고 내용에 맞게 확장됩니다.

yoursource — Tue, 15 Aug 2023 15:22:32 +0900

Div 높이가 100%이고 내용에 맞게 확장됩니다.

제 페이지에 높이가 100%로 설정된 div 요소가 있습니다.차체 높이도 100%로 설정됩니다.내적인 디브는 배경과 모든 것을 가지고 있고 신체적인 배경과 다릅니다.이것은 div 높이를 브라우저 화면 높이의 100%로 만드는 데 도움이 되지만, 문제는 그 div 안에 브라우저 화면 높이를 넘어 수직으로 확장되는 콘텐츠가 있다는 것입니다.아래로 스크롤하면 페이지 스크롤을 시작해야 하는 지점에서 분할되지만, 내용은 그 이상으로 넘칩니다.어떻게 하면 디브가 항상 내부 내용에 맞게 바닥까지 가게 할 수 있습니까?

제 CSS의 단순화는 다음과 같습니다.

body {
    height:100%;
    background:red;
}

#some_div {
    height:100%;
    background:black;
}

페이지를 스크롤하면 검은색이 끝나고 내용이 빨간색 배경으로 흐릅니다.#some_div에서 위치를 상대적으로 설정하든 절대적으로 설정하든 상관이 없는 것 같습니다. 어느 쪽이든 문제가 발생합니다.#some_div 내부의 콘텐츠는 대부분 절대적으로 위치하며, 데이터베이스에서 동적으로 생성되어 높이를 미리 알 수 없습니다.

입니다.

여기 당신이 CSS 스타일로 해야 할 일이 있습니다.div

display: block;
overflow: auto;

그리고 만지지 마height

을 합니다.heightauto그리고.min-height100%이것은 대부분의 브라우저에서 해결될 것입니다.

body {
  position: relative;
  height: auto;
  min-height: 100% !important;
}

일반적으로 이 문제는 상위 Div의 하위 요소가 부동할 때 발생합니다.문제의 최신 해결책은 다음과 같습니다.

CSS 파일에 의사 선택기와 함께 .clearfix라는 클래스를 입력합니다.

.clearfix:after {
content: "";
display: table;
clear: both;
}

그런 다음 HTML에서 .clearfix 클래스를 상위 Div에 추가합니다.예:

<div class="clearfix">
    <div></div>
    <div></div>
</div>

항상 작동해야 합니다.클래스 이름을 .clearfix 대신 .group으로 부르면 코드가 더 의미 있게 됩니다.중복 따옴표 "" 사이에 내용 값에 점이나 공백을 추가할 필요는 없습니다.또한 오버플로: auto;는 문제를 해결할 수 있지만 스크롤 막대 표시와 같은 다른 문제를 발생시키므로 권장하지 않습니다.

출처: 리사 카탈라노와 크리스 코이에의 블로그

#some_div {    
  height: fit-content;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/fit-content

당신이 그냥 떠나면,height: 100% 및사를 합니다.display:block;그자리의 div내부의 콘텐츠만큼 많은 공간을 차지할 것입니다.div이렇게 하면 모든 텍스트가 검은색 배경에 유지됩니다.

이 질문은 오래된 것일 수 있지만 업데이트할 가치가 있습니다.이를 위한 또 다른 방법은 다음과 같습니다.

#yourdiv {
    display: flex;
    width:100%;
    height:100%;
}

사용해 보십시오.

body { 
    min-height:100%; 
    background:red; 
} 

#some_div {
    min-height:100%; 
    background:black; 
}

IE6 및 이전 버전에서는 최소 높이 속성을 지원하지 않습니다.

본문에 100%의 높이를 지정할 때 배경은 브라우저 "viewport"(브라우저 도구 모음 & 상태 표시줄 & 메뉴 모음 및 창 가장자리를 제외한 보기 영역) 하나의 높이로만 설정할 수 있다는 것이 문제라고 생각합니다.내용이 둘 이상의 뷰포트인 경우 배경 전용 높이가 오버플로우됩니다.

본문의 이 최소 높이 속성은 콘텐츠가 한 페이지 전체를 아래로 채우지 않는 경우 배경을 하나 이상의 뷰포트로 강제 설정해야 하지만 더 많은 내부 콘텐츠를 포함하도록 아래로 확장할 수도 있습니다.

플렉스를 사용합니다.

.parent{
    display: flex
}

.fit-parent{
    display: flex;
    flex-grow: 1
}

오래된 질문이지만, 제 경우에는 다음을 사용했습니다.position:fixed제 도 있습니다.하지만 제 상황은 조금 달랐을 수도 있습니다.반투명으로 덧씌워 놓았습니다.div페이지를 로드하는 동안 표시해야 하는 로드 애니메이션이 포함되어 있습니다.그래서 사용하기height:auto / 100%또는min-height: 100%둘 다 창을 채웠지만 화면 밖 영역은 채우지 않았습니다.용사를 합니다.position:fixed이 오버레이 스크롤을 사용자와 함께 만들어서 항상 보이는 영역을 가리고 사전 로딩 애니메이션을 화면 중심에 유지했습니다.

제 경우에는 다음과 같은 경우에만 작동했습니다.

height: auto;

당신은 넣을 필요가 없습니다.display: block.

최신 브라우저는 "뷰포트 높이" 장치를 지원합니다.이렇게 하면 div가 사용 가능한 뷰포트 높이로 확장됩니다.저는 그것이 다른 어떤 접근법보다 더 신뢰할 수 있다고 생각합니다.

#some_div {
    height: 100vh;
    background: black;
}

이 두 줄을 당신의 css id #some_div에 추가하기만 하면 됩니다.

display: block;
overflow: auto;

그런 다음 원하는 것을 얻을 수 있습니다!

위치가 없는 오버레이:고정

최근 메뉴에서 제가 알아낸 정말 멋진 방법은 신체를 다음과 같이 설정하는 것이었습니다.

position: relative

래퍼 클래스를 다음과 같이 설정합니다.

#overlaywrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    z-index: 100;
}

즉, 위치를 고정할 필요가 없으며 스크롤을 허용할 수 있습니다.저는 이것을 정말 큰 메뉴의 오버레이에 사용했습니다.

좋아요, 저는 다음과 같은 것을 시도했습니다:

본체(정상)

#MainDiv { 
  /* where all the content goes */
  display: table;
  overflow-y: auto;
}

정확하게 쓰는 방법은 아니지만 메인 디비를 표로 만들면 확장이 되고 스크롤 바를 구현했습니다.

이것은 꽤 간단한 대답이기 때문에 질문을 완전히 이해했는지 확신할 수 없지만, 여기에... :)

컨테이너의 오버플로 속성을 표시 또는 자동으로 설정해 보셨습니까?

#some_div {
    height:100%;
    background:black; 
    overflow: visible;
    }

이를 추가하면 검은색 컨테이너가 동적 컨테이너에 필요한 크기로 이동합니다.auto는 스크롤 막대와 함께 제공되는 것 같기 때문에 auto보다 visible을 선호합니다...

당신도 이렇게 할 수 있습니다.

display:block;
overflow:auto;
height: 100%;

여기에는 콘텐츠에 따라 각 동적 디바가 포함됩니다.클래스가 있는 공통 div가 있으면 내용에 따라 각 동적 div의 높이가 증가한다고 가정합니다.

사용할 수도 있습니다.

 display: inline-block;

내 것은 이것으로 작동했습니다.

언급URL : https://stackoverflow.com/questions/9537838/div-height-100-and-expands-to-fit-content

powershell의 스크립트 블록에 인수 전달

yoursource — Tue, 15 Aug 2023 15:21:40 +0900

powershell의 스크립트 블록에 인수 전달

그냥 이렇게 할 수는 없을 것 같습니다.

  $servicePath = $args[0]

  if(Test-Path -path $servicePath) <-- does not throw in here

  $block = {

        write-host $servicePath -foreground "magenta"

        if((Test-Path -path $servicePath)) { <-- throws here.

              dowork 
        }
  }

그러면 스크립트 블록 $block에 변수를 전달하려면 어떻게 해야 합니까?

키스의 대답은 또한 효과가 있습니다.Invoke-Command명명된 매개 변수를 사용할 수 없는 제한이 있습니다.인수는 다음을 사용하여 설정해야 합니다.-ArgumentList매개 변수이며 쉼표로 구분해야 합니다.

$sb = {
    param($p1,$p2)
    $OFS=','
    "p1 is $p1, p2 is $p2, rest of args: $args"
}
Invoke-Command $sb -ArgumentList 1,2,3,4

여기와 여기도 참조하십시오.

스크립트 블록은 익명 기능일 뿐입니다.사용할 수 있습니다.$args스크립트 블록 내부 및 매개 변수 블록 선언(예:

$sb = {
  param($p1, $p2)
  $OFS = ','
  "p1 is $p1, p2 is $p2, rest of args: $args"
}
& $sb 1 2 3 4
& $sb -p2 2 -p1 1 3 4

Powershell 3.0부터 시작하여 원격 세션 스크립트 블록에서 로컬 변수를 사용하려는 2020년의 읽기 사용자는 "$Using" 스코프 수식어를 사용하여 스크립트 블록에서 직접 로컬 변수를 사용할 수 있습니다.예:

$MyLocalVariable = "C:\some_random_path\"
acl = Invoke-Command -ComputerName REMOTEPC -ScriptBlock {Get-Acl $Using:MyLocalVariable}

https://learn.microsoft.com/en-us/powershell/module/microsoft.powershell.core/invoke-command?view=powershell-7 의 예 9에서 찾을 수 있습니다.

BTW, 스크립트 블록을 사용하여 별도의 스레드(멀티 스레드)에서 실행하는 경우:

$ScriptBlock = {
    param($AAA,$BBB) 
    return "AAA is $($AAA) and BBB is $($BBB)"
}

$AAA = "AAA"
$BBB = "BBB1234"    
$null = Start-Job $ScriptBlock -ArgumentList $AAA,$BBB

산출량:

$null = Start-Job $ScriptBlock -ArgumentList $AAA,$BBB    
Get-Job | Receive-Job
AAA is AAA and BBB is BBB1234

기본적으로 PowerShell은 ScriptBlock에 대한 변수를 캡처하지 않습니다.호출을 통해 명시적으로 캡처할 수 있습니다.GetNewClosure()하지만, 다음과 같습니다.

$servicePath = $args[0]

if(Test-Path -path $servicePath) <-- does not throw in here

$block = {

    write-host $servicePath -foreground "magenta"

    if((Test-Path -path $servicePath)) { <-- no longer throws here.

          dowork 
    }
}.GetNewClosure() <-- this makes it work

세 가지 예제 구문:

$a ={ 
  param($p1, $p2)
  "p1 is $p1"
  "p2 is $p2"
  "rest of args: $args"
}
//Syntax 1:
Invoke-Command $a -ArgumentList 1,2,3,4 //PS> "p1 is 1, p2 is 2, rest of args: 3 4"
//Syntax 2:
&$a -p2 2 -p1 1 3      //PS> "p1 is 1, p2 is 2, rest of args: 3"
//Syntax 3:
&$a 2 1 3              //PS> "p1 is 2, p2 is 1, rest of args: 3"

저는 이 기사가 좀 구식이라는 것을 알지만, 가능한 대안으로 이것을 버리고 싶었습니다.이전 답변을 약간 변형한 것뿐입니다.

$foo = {
    param($arg)

    Write-Host "Hello $arg from Foo ScriptBlock" -ForegroundColor Yellow
}

$foo2 = {
    param($arg)

    Write-Host "Hello $arg from Foo2 ScriptBlock" -ForegroundColor Red
}


function Run-Foo([ScriptBlock] $cb, $fooArg){

    #fake getting the args to pass into callback... or it could be passed in...
    if(-not $fooArg) {
        $fooArg = "World" 
    }
    #invoke the callback function
    $cb.Invoke($fooArg);

    #rest of function code....
}

Clear-Host

Run-Foo -cb $foo 
Run-Foo -cb $foo 

Run-Foo -cb $foo2
Run-Foo -cb $foo2 -fooArg "Tim"

기타 가능성:

$a ={ 
    param($p1, $p2)
    "p1 is $p1"
    "p2 is $p2"
    "rest of args: $args"
};
$a.invoke(1,2,3,4,5)

언급URL : https://stackoverflow.com/questions/16347214/pass-arguments-to-a-scriptblock-in-powershell

UIView - 보기가 로드될 때 알림을 받는 방법은 무엇입니까?

yoursource — Tue, 15 Aug 2023 15:20:51 +0900

UIView - 보기가 로드될 때 알림을 받는 방법은 무엇입니까?

그와 비슷한 것이 있습니까?viewDidLoad의UIViewController당분간UIView나는 즉시 통지를 받아야 합니다.UIView로드됨(의 하위 클래스)UIView) 및 일부 작업을 수행합니다.

수행해야 하는 작업 유형에 따라 다음과 같은 몇 가지 방법이 있습니다.

-(id)initWithFrame:(CGRect)frameUIView의 지정된 이니셜라이저. nib에서 뷰를 로드하지 않는 한 항상 UIView로 전송하여 초기화합니다.
-(id)initWithCoder:(NSCoder *)coder닙에서 보기를 로드할 때마다 항상 UIView를 초기화하기 위해 전송됩니다.
-(void)awakeFromNibnib의 모든 객체가 초기화되고 연결된 후 전송됩니다. nib에서 객체를 로드하는 경우에만 적용됩니다. super를 호출해야 합니다.
-(void)willMoveToSuperview:(UIView *)newSuperview뷰가 다른 뷰에 하위 뷰로 추가되기 직전에 전송됩니다.newSuperview뷰를 해당 뷰에서 제거할 때 0이 될 수 있습니다.
-(void)willMoveToWindow:(UIWindow *)newWindow보기(또는 해당 수퍼뷰)가 창에 추가되기 직전에 전송됩니다.newWindow창에서 보기를 제거할 때 0이 될 수 있습니다.
-(void)didMoveToSuperview뷰가 뷰 계층 구조에 삽입된 직후 전송됩니다.
-(void)didMoveToWindow보기가 창 속성 집합을 가져오는 즉시 전송됩니다. -

기본적으로 초기화(1 & 2) 중, 니브(3)에서 로드한 후, 보기 계층 구조에 삽입하기 전(4 & 5) 및 그 이후(6 & 7)에 작업을 수행하도록 선택할 수 있습니다.

언급URL : https://stackoverflow.com/questions/4501974/uiview-how-to-get-notified-when-the-view-is-loaded

Eclipse에서 렌더링 라이브러리가 ADT 플러그인보다 최신이라고 보고함

yoursource — Tue, 15 Aug 2023 15:20:01 +0900

Eclipse에서 렌더링 라이브러리가 ADT 플러그인보다 최신이라고 보고함

새로운 Android SDK 설치에서 Eclipse Graphical Layout은 레이아웃의 렌더링을 표시하지 않고 공백입니다.Eclipse에 다음 메시지가 표시됩니다.

이 렌더링 라이브러리 버전은 ADT 플러그인 버전보다 최신 버전입니다.ADT 플러그인을 업데이트하십시오.

이클립스 버그 보고서는 ADT 플러그인보다 최신 렌더링 라이브러리에 재생성 단계가 나열되어 있다고 보고합니다.이거 어떻게 고쳐요?

[도움말] > [새 소프트웨어 설치]를 누릅니다.
작업 대상 필드에 다음을 입력합니다.https://dl-ssl.google.com/android/eclipse/
Developer Tools / Android Development Tools를 선택합니다.
다음을 클릭하고 마법사를 완료합니다.

레이아웃을 렌더링하는 동안 안드로이드 버전을 변경합니다.

API 버전 18에서 17로 변경하는 것이 나에게 도움이 됩니다.

편집: 솔루션은 Android Studio에서도 작동했습니다.

경고의 이유는 이전 ADT(Android 개발 도구)를 사용하기 때문입니다. 따라서 아래 절차에 따라 ADT를 업데이트하십시오.

절차 1:

Eclipse 클릭 도움말 메뉴 내부
업데이트 확인 선택
해당 창에 Required Updates(필수 업데이트)가 표시됩니다. All options using Check(확인란을 사용한 모든 옵션)을 선택하거나 그렇지 않으면 ADT Updateed(ADT 업데이트됨)를 선택합니다.

절차 2:

[도움말] > [새 소프트웨어 설치]를 누릅니다.작업 대상 필드에 https://dl-ssl.google.com/android/eclipse/ 개발자 도구 / Android 개발 도구 선택을 입력합니다.다음을 클릭하고 마법사를 완료합니다.

xml layoutside에서 API 버전 17, 19, 21, 23을 변경합니다.

Android Development Tools 23.0.7을 업데이트했지만 레이아웃을 제대로 렌더링할 수 없어서 Android DDMS 23.0.7을 업데이트했습니다. 완벽하게 작동합니다.!!!

도움말에서 제거한 후 다시 시도하십시오.-->설치 세부 정보

http://dl-ssl.google.com/android/eclipse/ 을 사용하여 다시 설치해 보십시오.

대상 버전을 새 업데이트로 변경합니다.그렇지 않으면 Android 매니페스트 파일에 있는 SDK 버전을 변경합니다.

android:minSdkVersion="8"
android:targetSdkVersion="18"

언급URL : https://stackoverflow.com/questions/18852983/eclipse-reports-rendering-library-more-recent-than-adt-plug-in

사용자 지정 확인란 이미지 안드로이드

yoursource — Tue, 15 Aug 2023 15:19:22 +0900

사용자 지정 확인란 이미지 안드로이드

확인란에 사용자 지정 이미지를 쉽게 사용할 수 있는 방법이 있습니까?저는 gmail의 "별이 간" 행동을 복제하려고 합니다.그래서 저는 확인란을 갖고 싶습니다. 확인란을 선택하면 별이 채워집니다.선택하지 않으면 빈 별이 됩니다.제가 이미지 뷰를 사용하여 제 논리를 직접 수행해야 합니까?

그리기 가능한 확인란 선택기를 만듭니다.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/checkbox" 
          android:state_checked="false"/>
    <item android:drawable="@drawable/checkboxselected" 
          android:state_checked="true"/>
    <item android:drawable="@drawable/checkbox"/>    
</selector>

확인란이 다음과 같은지 확인합니다.android:button="@drawable/checkbox_selector"

<CheckBox
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:button="@drawable/checkbox_selector"
    android:text="CheckBox"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:textColor="@color/Black" />

확인란이 단추의 자식인 경우, 여기에 설명된 대로 "단추 스타일" 아래에 있는 여러 상태의 배경 이미지를 확인란에 제공하면 됩니다.

...여기에 예시되어 있습니다.

btn_check.xml을 Android-sdk/platforms/android-#/data/res/drawable에서 프로젝트의 그리기 가능 폴더로 복사하고 'on' 및 'off' 이미지 상태를 사용자 지정 이미지로 변경합니다.

그러면 당신의 xml은 단지android:button="@drawable/btn_check"

<CheckBox
    android:button="@drawable/btn_check"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:checked="true" />

다른 기본 안드로이드 아이콘을 사용하려면android:button="@android:drawable/..."

res/drawable/day_drawable.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:drawable="@drawable/dayselectionunselected"
              android:state_checked="false"/>
        <item android:drawable="@drawable/daysselectionselected"
              android:state_checked="true"/>
        <item android:drawable="@drawable/dayselectionunselected"/>
    </selector>

res/message/my_message.xml

<CheckBox
    android:id="@+id/check"
    android:layout_width="39dp"
    android:layout_height="39dp"
    android:background="@drawable/day_selector"
    android:button="@null"
    android:gravity="center"
    android:text="S"
    android:textColor="@color/black"
    android:textSize="12sp" />

Android 오픈 소스 코드가 있는 경우 다음에서 스타일 정의를 찾을 수 있습니다.
src/sb/base/core/res/res/values

<style name="Widget.CompoundButton.CheckBox">
    <item name="android:background">
        @android:drawable/btn_check_label_background
    </item>
    <item name="android:button">
        ?android:attr/listChoiceIndicatorMultiple
    </item>
</style>

Enselic 및 Rahul 답변을 기반으로 합니다.

API 21 이전과 이후에 사용할 수 있습니다.

<CheckBox
    android:id="@+id/checkbox"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:text=""
    android:gravity="center"

    android:background="@drawable/checkbox_selector"
    android:button="@null"
    app:buttonCompat="@null" />

해보세요.

package com;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ImageView;



public class CheckBoxImageView extends ImageView implements View.OnClickListener {
    boolean checked;
    int defImageRes;
    int checkedImageRes;
    OnCheckedChangeListener onCheckedChangeListener;

    public CheckBoxImageView(Context context, AttributeSet attr, int defStyle) {
        super(context, attr, defStyle);
        init(attr, defStyle);
    }

    public CheckBoxImageView(Context context, AttributeSet attr) {
        super(context, attr);
        init(attr, -1);
    }

    public CheckBoxImageView(Context context) {
        super(context);
    }

    public boolean isChecked() {
        return checked;
    }

    public void setChecked(boolean checked) {
        this.checked = checked;
        setImageResource(checked ? checkedImageRes : defImageRes);
    }

    private void init(AttributeSet attributeSet, int defStyle) {
        TypedArray a = null;
        if (defStyle != -1)
            a = getContext().obtainStyledAttributes(attributeSet, R.styleable.CheckBoxImageView, defStyle, 0);
        else
            a = getContext().obtainStyledAttributes(attributeSet, R.styleable.CheckBoxImageView);
        defImageRes = a.getResourceId(0, 0);
        checkedImageRes = a.getResourceId(1, 0);
        checked = a.getBoolean(2, false);
        a.recycle();
        setImageResource(checked ? checkedImageRes : defImageRes);
        setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        checked = !checked;
        setImageResource(checked ? checkedImageRes : defImageRes);
        onCheckedChangeListener.onCheckedChanged(this, checked);
    }

    public void setOnCheckedChangeListener(OnCheckedChangeListener onCheckedChangeListener) {
        this.onCheckedChangeListener = onCheckedChangeListener;
    }

    public static interface OnCheckedChangeListener {
        void onCheckedChanged(View buttonView, boolean isChecked);
    }
}

이 특성 추가 -

<declare-styleable name="CheckBoxImageView">
        <attr name="default_img" format="integer"/>
        <attr name="checked_img" format="integer"/>
        <attr name="checked" format="boolean"/>
</declare-styleable>

다음과 같이 사용 -

 <com.adonta.ziva.consumer.wrapper.CheckBoxImageView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/checkBox"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:clickable="true"
        android:padding="5dp"
        app:checked_img="@drawable/check_box_checked"
        app:default_img="@drawable/check_box" />

그것은 당신의 모든 문제를 해결해 줄 것입니다.

또 다른 옵션은 Null 배경과 사용자 지정 단추가 있는 ToggleButton을 사용자 지정 단추를 사용하는 것입니다.

텍스트 색상에 대한 선택기도 포함된 예제를 아래에 나타냅니다.

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/toggle_selector"
    android:background="@null"
    android:paddingLeft="10dp"
    android:layout_centerHorizontal="true"
    android:gravity="center"
    android:textColor="@drawable/toggle_text"
    android:textOn="My on state"
    android:textOff="My off state" />

toggle_toggle.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:state_checked="true"
        android:drawable="@drawable/state_on" />

    <item
        android:drawable="@drawable/state_off" />

</selector>

toggle_text.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item
        android:state_checked="true"
        android:color="@color/app_color" />

    <item
        android:color="@android:color/darker_gray" />

</selector>

사용자 지정 어댑터를 사용하는 경우android:focusable="false"그리고.android:focusableInTouchMode="false"확인란을 사용하는 동안 목록 항목을 클릭할 수 있도록 설정해야 합니다.

<CheckBox
        android:id="@+id/checkbox_fav"
        android:focusable="false"
        android:focusableInTouchMode="false"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:button="@drawable/checkbox_layout"/>

그리기 가능>체크박스_layout.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/uncked_checkbox"
        android:state_checked="false"/>
    <item android:drawable="@drawable/selected_checkbox"
        android:state_checked="true"/>
    <item android:drawable="@drawable/uncked_checkbox"/>
</selector>

Androidx.appcompat:appcompat을 사용하고 사용자 지정 그리기 가능(유형)을 원하는 경우selector와 함께android:state_checked) 새 플랫폼 버전 외에 이전 플랫폼 버전에서 작업하려면 다음을 사용해야 합니다.

    <CheckBox
        app:buttonCompat="@drawable/..."

대신에

    <CheckBox
        android:button="@drawable/..."

Android에서 사용자 지정 그리기 가능 추가: 재료 확인란에서 버튼이 작동하지 않았습니다.version-1.3.0설정해야 했습니다.android:drawable="@drawable/checkbox_selector"대신에 또한 세트android:button="@null"추가할 수도 있습니다.android:drawablePadding잘 보이게 하기 위해서.그러나 이렇게 하면 텍스트와 함께 전체 확인란을 클릭할 수 있습니다.

선택한 상태와 선택하지 않은 상태 또는 기본 상태에 대해 그릴 수 있는 두 개의 그림이 필요합니다.그런 다음 배경 그리기 가능한 선택기(xml)를 만들어 확인란에 배경으로 적용할 수 있습니다.하기와 같이

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_checked="true"
        android:drawable="@drawable/ic_checkbox_checked_24" />
    <item
        android:state_checked="false"
        android:drawable="@drawable/ic_checkbox_unchecked_24" />
    <item
        android:drawable="@drawable/ic_checkbox_unchecked_24"/>
</selector>

xml의 확인란이 이렇게 표시되지 않아야 합니다.

<CheckBox
      android:id="@+id/check_box"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:button="@null"
      android:background="@drawable/checkbox_background_drawable"/>

확인란의 버튼 특성을 null로 설정했는지 확인합니다.

언급URL : https://stackoverflow.com/questions/3965484/custom-checkbox-image-android

트위터 부트스트랩 3: 미디어 쿼리를 사용하는 방법?

yoursource — Tue, 15 Aug 2023 15:14:25 +0900

트위터 부트스트랩 3: 미디어 쿼리를 사용하는 방법?

저는 화면 크기에 따라 몇 가지 글꼴 크기를 조정하고 싶은 반응형 레이아웃을 만들기 위해 부트스트랩 3을 사용하고 있습니다.미디어 쿼리를 사용하여 이런 종류의 논리를 만들 수 있는 방법은 무엇입니까?

부트스트랩 3

BS3에서 사용되는 실렉터는 일관성을 유지하기 위해 다음과 같습니다.

@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

참고: 참고: 참고로, 이것은 디버깅에 유용할 수 있습니다.

<span class="visible-xs">SIZE XS</span>
<span class="visible-sm">SIZE SM</span>
<span class="visible-md">SIZE MD</span>
<span class="visible-lg">SIZE LG</span>

부트스트랩 4

다음은 BS4에 사용된 실렉터입니다.BS4에는 "특별히 작음"이 기본값이기 때문에 "최저" 설정이 없습니다. 즉, 먼저 XS 크기를 코딩한 다음 나중에 이러한 미디어 오버라이드를 수행합니다.

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}

부트스트랩 5

@media(min-width:576px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
@media(min-width:1400px){}

업데이트 2021-05-20: 정보는 버전 3.4.1, 4.6.0, 5.0.0에서 여전히 정확합니다.

bisio의 답변과 부트스트랩 3 코드를 기반으로, 저는 전체 미디어 쿼리 세트를 복사하여 스타일시트에 붙여넣으려는 사람들을 위해 더 정확한 답변을 생각해 낼 수 있었습니다.

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

LESS 또는 SCSS/SASS를 사용하고 LESS/SCSS 버전의 부트스트랩을 사용하는 경우 변수에 액세스할 수 있는 경우 변수도 사용할 수 있습니다.@full-decent의 답변을 덜 번역하면 다음과 같습니다.

@media(max-width: @screen-xs-max){}
@media(min-width: @screen-sm-min){}  /* deprecated: @screen-tablet, or @screen-sm */
@media(min-width: @screen-md-min){}  /* deprecated: @screen-desktop, or @screen-md */
@media(min-width: @screen-lg-min){}  /* deprecated: @screen-lg-desktop, or @screen-lg */

다음을 위한 변수도 있습니다.@screen-sm-max그리고.@screen-md-max 1셀적보다 1픽셀 입니다.@screen-md-min그리고.@screen-lg-min각각, 일반적으로 와 함께 사용합니다.@media(max-width).

편집: SCSS/SASS를 사용하는 경우 변수는 다음으로 시작합니다.$신에대 @그래서 그럴 겁니다.$screen-xs-max

다음은 Bootstrap3의 값입니다.

/* Extra Small */
@media(max-width:767px){}

/* Small */
@media(min-width:768px) and (max-width:991px){}

/* Medium */
@media(min-width:992px) and (max-width:1199px){}

/* Large */
@media(min-width:1200px){}

여기 두 가지 예가 있습니다.

뷰포트 너비가 700px 이하가 되면 모든 h1 태그를 20px로 만듭니다.

@media screen and ( max-width: 700px ) {
  h1 {
     font-size: 20px;
  }
}

뷰포트가 700px 이상이 될 때까지 모든 h1의 20px를 만듭니다.

@media screen and ( min-width: 700px ) {
  h1 {
     font-size: 20px;
  }
}

이것이 도움이 되길 바랍니다:0)

부트스트랩 3

Bootstrap 3(v3.4.1)의 최종 버전 릴리스에서는 다음과 같은 미디어 쿼리가 사용되었으며, 이는 사용 가능한 응답 클래스를 요약하는 문서에 해당합니다.https://getbootstrap.com/docs/3.4/css/ #응답형-메시지

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {}

Bootstrap GitHub 저장소에서 추출한 미디어 쿼리 수가 다음보다 적음:-

https://github.com/twbs/bootstrap/blob/v3.4.1/less/variables.less#L283 https://github.com/twbs/bootstrap/blob/v3.4.1/less/responsive-utilities.less

부트스트랩 5

버전 5에 대한 설명서에서 미디어 쿼리 중단점이 버전 3 이후 최신 장치 치수에 더 적합하도록 업데이트되었음을 알 수 있습니다.

// X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }

출처: 부트스트랩 5 설명서

Bootstrap GitHub 저장소에서 v5.1.3의 중단점을 볼 수 있습니다.

https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss#L461 https://github.com/twbs/bootstrap/blob/v5.1.3/scss/mixins/_breakpoints.scss

2021-12-19에 업데이트됨

다음은 LESS를 사용하여 더 적은 파일을 가져오지 않고 부트스트랩을 모방하는 모듈식 예제입니다.

@screen-xs-max: 767px;
@screen-sm-min: 768px;
@screen-sm-max: 991px;
@screen-md-min: 992px;
@screen-md-max: 1199px;
@screen-lg-min: 1200px;

//xs only
@media(max-width: @screen-xs-max) {

}
//small and up
@media(min-width: @screen-sm-min) {

}
//sm only
@media(min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

}
//md and up
@media(min-width: @screen-md-min) {

}
//md only
@media(min-width: @screen-md-min) and (max-width: @screen-md-max) {

}
//lg and up
@media(min-width: @screen-lg-min) {

}

다른 사용자들의 답변을 바탕으로, 나는 더 쉽게 사용할 수 있도록 다음과 같은 맞춤형 믹스인을 작성했습니다.

투입량 감소

.when-xs(@rules) { @media (max-width: @screen-xs-max) { @rules(); } }
.when-sm(@rules) { @media (min-width: @screen-sm-min) { @rules(); } }
.when-md(@rules) { @media (min-width: @screen-md-min) { @rules(); } }
.when-lg(@rules) { @media (min-width: @screen-lg-min) { @rules(); } }

사용 예

body {
  .when-lg({
    background-color: red;
  });
}

SCSS 입력

@mixin when-xs() { @media (max-width: $screen-xs-max) { @content; } }
@mixin when-sm() { @media (min-width: $screen-sm-min) { @content; } }
@mixin when-md() { @media (min-width: $screen-md-min) { @content; } }
@mixin when-lg() { @media (min-width: $screen-lg-min) { @content; } }

사용 예:

body {
  @include when-md {
    background-color: red;
  }
}

산출량

@media (min-width:1200px) {
  body {
    background-color: red;
  }
}

또는 간단한 Sass-Compass:

@mixin col-xs() {
    @media (max-width: 767px) {
        @content;
    }
}
@mixin col-sm() {
    @media (min-width: 768px) and (max-width: 991px) {
        @content;
    }
}
@mixin col-md() {
    @media (min-width: 992px) and (max-width: 1199px) {
        @content;
    }
}
@mixin col-lg() {
    @media (min-width: 1200px) {
        @content;
    }
}

예:

#content-box {
    @include border-radius(18px);
    @include adjust-font-size-to(18pt);
    padding:20px;
    border:1px solid red;
    @include col-xs() {
        width: 200px;
        float: none;
    }
}

텍스트 크기 조정을 피하는 것이 응답형 레이아웃이 존재하는 주요 이유입니다.응답 사이트 뒤의 전체 논리는 컨텐츠를 효과적으로 표시하여 여러 화면 크기에서 쉽게 읽을 수 있고 사용할 수 있도록 기능적 레이아웃을 만드는 것입니다.

경우에 따라 텍스트의 크기를 조정해야 하지만 사이트가 축소되지 않도록 주의하고 요점을 놓치지 마십시오.

어쨌든 여기 예시가 있습니다.

@media(min-width:1200px){

    h1 {font-size:34px}

}
@media(min-width:992px){

    h1 {font-size:32px}

}
@media(min-width:768px){

    h1 {font-size:28px}

}
@media(max-width:767px){

    h1 {font-size:26px}

}

또한 부트스트랩 3에서 480 뷰포트가 삭제되었습니다.

Less 파일에서 다음 미디어 쿼리를 사용하여 그리드 시스템의 주요 중단점을 만듭니다.

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { ... }

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { ... }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { ... }

부트스트랩 참고 항목

화면 크기에 따라 글꼴 크기와 배경색이 변경되는 것을 제 예에서 볼 수 있습니다.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
    background-color: lightgreen;
}
/* Custom, iPhone Retina */ 
@media(max-width:320px){
    body {
        background-color: lime;
        font-size:14px;
     }
}
@media only screen and (min-width : 320px) {
     body {
        background-color: red;
        font-size:18px;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
     body {
        background-color: aqua;
        font-size:24px;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
     body {
        background-color: green;
        font-size:30px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
     body {
        background-color: grey;
        font-size:34px;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
     body {
        background-color: black;
        font-size:42px;
    }
}
</style>
</head>
<body>
<p>Resize the browser window. When the width of this document is larger than the height, the background-color is "lightblue", otherwise it is "lightgreen".</p>
</body>
</html>

미디어 쿼리에 기반한 별도의 응답 파일을 포함하여 훨씬 더 쉬운 원스톱 솔루션이 있습니다.

이렇게 하면 모든 미디어 쿼리 논리와 포함 논리가 로더라는 한 페이지에만 존재하면 됩니다.또한 미디어 쿼리가 응답 스타일 시트 자체를 혼란스럽게 하지 않도록 합니다.

//loader.less

// this twbs include adds all bs functionality, including added libraries such as elements.less, and our custom variables
@import '/app/Resources/less/bootstrap.less';

/*
* Our base custom twbs overrides
* (phones, xs, i.e. less than 768px, and up)
* no media query needed for this one since this is the default in Bootstrap
* All styles initially go here.  When you need a larger screen override, move those     
* overrides to one of the responsive files below
*/
@import 'base.less';

/*
* Our responsive overrides based on our breakpoint vars
*/
@import url("sm-min.less") (min-width: @screen-sm-min); //(tablets, 768px and up)
@import url("md-min.less") (min-width: @screen-md-min); //(desktops, 992px and up)
@import url("large-min.less") (min-width: @screen-lg-min); //(large desktops, 1200px and up)

base.less는 이렇게 보일 것입니다.

/**
* base.less
* bootstrap overrides
* Extra small devices, phones, less than 768px, and up
* No media query since this is the default in Bootstrap
* all master site styles go here
* place any responsive overrides in the perspective responsive sheets themselves
*/
body{
  background-color: @fadedblue;
}

sm-min.less는 이렇게 보일 것입니다.

/**
* sm-min.less
* min-width: @screen-sm-min
* Small devices (tablets, 768px and up)
*/
body{
  background-color: @fadedgreen;
}

인덱스는 로더를 로드하기만 하면 됩니다.

<link rel="stylesheet/less" type="text/css" href="loader.less" />

쉬엄쉬엄..

@미디어 전용 화면 및 (최대 너비: 1200ppm) {}

@미디어 전용 화면 및 (최대 너비: 979인치) {}

@미디어 전용 화면 및 (최대 너비: 767인치) {}

@미디어 전용 화면 및 (최대 너비: 480인치) {}

@미디어 전용 화면 및 (최대 너비: 320인치) {}

@media(최소 너비: 768인치) 및 (최대 너비: 991인치) {}

@media(최소 너비: 992인치) 및 (최대 너비: 1024인치) {}

IE에 미디어 쿼리를 사용합니다.

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px) 
and (orientation : portrait) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}

부트스트랩에서는 SCSS(SASS하여 SCSS(4.3.1)의 @ 중할 수 ./bootstrap/scss/mixins/_breakpoints.scss

최소 중단점 너비의 매체입니다.가장 작은 중단점에 대한 쿼리가 없습니다.@content를 지정된 중단점 이상에 적용합니다.

@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints)

최대 중단점 너비의 매체입니다.가장 큰 중단점에 대한 쿼리가 없습니다.@content를 지정된 중단점에 더 좁게 적용합니다.

@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints)

여러 중단점 너비에 걸쳐 있는 미디어입니다.@ 컨텐츠를 최소 및 최대 중단점 사이에 적용합니다.

@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints)

중단점의 최소 너비와 최대 너비 사이의 미디어입니다.가장 작은 중단점에는 최소값이 없고 가장 큰 중단점에는 최대값이 없습니다.뷰포트를 더 넓히거나 좁히지 않고 지정된 중단점에만 @ 컨텐츠를 적용합니다.

@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints)

예:

.content__extra {
  height: 100%;

  img {
    margin-right: 0.5rem;
  }

  @include media-breakpoint-down(xs) {
    margin-bottom: 1rem;
  }
}

설명서:

소개 https://getbootstrap.com/docs/4.3/layout/overview/ #대응 중단점
마이그레이션 https://getbootstrap.com/docs/4.3/migration/ #response-message
변수 https://getbootstrap.com/docs/4.3/layout/grid/ #variables

해피 코딩 ;)

주 반응을 개선하는 방법:

의 미디어 속성을 사용할 수 있습니다.<link>사용자가 필요로 하는 코드만 다운로드할 수 있도록 태그(미디어 쿼리 지원)를 지정합니다.

<link href="style.css" rel="stylesheet">
<link href="deviceSizeDepending.css" rel="stylesheet" media="(min-width: 40em)">

이를 통해 브라우저는 미디어 속성에 관계없이 모든 CSS 리소스를 다운로드합니다.차이점은 미디어 속성의 미디어 쿼리가 false로 평가되면 해당 .css 파일과 해당 콘텐츠가 렌더 차단되지 않는다는 것입니다.

따라서 의 미디어 속성을 사용하는 것이 좋습니다.<link>더 나은 사용자 환경을 보장하기 때문에 태그를 지정할 수 있습니다.

여기에서 이 문제에 대한 Google 기사를 읽을 수 있습니다. https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-blocking-css

미디어 쿼리에 따라 서로 다른 파일에서 CSS 코드를 자동으로 분리하는 데 도움이 되는 몇 가지 도구

웹팩 https://www.npmjs.com/package/media-query-plugin https://www.npmjs.com/package/media-query-splitting-plugin

PostCSS https://www.npmjs.com/package/postcss-extract-media-query

언급URL : https://stackoverflow.com/questions/18424798/twitter-bootstrap-3-how-to-use-media-queries

드롭다운의 트리거 변경 이벤트

yoursource — Tue, 15 Aug 2023 15:13:42 +0900

드롭다운의 트리거 변경 이벤트

$(문서) 드롭다운의 변경 이벤트를 트리거하고 싶습니다.jquery를 사용하여 준비되었습니다.

사용자 세부 정보 페이지에 국가 및 주에 대한 계단식 드롭다운이 있습니다.C#을 사용하여 MVC에서 국가 및 상태에 대한 값(사용자 ID를 기반으로 DB에서 가져온 값)을 설정하려면 어떻게 해야 합니까?

JQuery는 잘 모르지만 이 구문으로 네이티브 이벤트를 실행할 수 있다고 들었습니다.

$(document).ready(function(){

    $('#countrylist').change(function(e){
       // Your event handler
    });

    // And now fire change event when the DOM is ready
    $('#countrylist').trigger('change');
});

트리거() 또는 변경()을 호출하기 전에 변경 이벤트 처리기를 선언해야 합니다. 그렇지 않으면 실행되지 않습니다.@Leniel Macaferi를 언급해 주셔서 감사합니다.

자세한 내용은 여기를 참조하십시오.

사용해 보십시오.

$(document).ready(function(event) {
    $('#countrylist').change(function(e){
         // put code here
     }).change();
});

변경 이벤트를 정의하고 즉시 트리거합니다.이렇게 하면 이벤트 핸들러를 호출하기 전에 이벤트 핸들러가 정의됩니다.

원래 포스터에 답하기에는 늦을 수 있지만 다른 사람이 단축 표기법의 혜택을 받을 수 있으며, 이것은 jQuery의 체인 등을 따릅니다.

재쿼리 체인

사용해 보십시오.

$('#id').change();

나한테 효과가 있어요.

값 설정과 함께 한 줄에:$('#id').val(16).change();

연결된 드롭다운을 사용하려는 경우에는 미리 작성된 선택 상자를 반환하는 스크립트와 이를 요청하는 AJAX 호출을 사용하는 것이 가장 좋습니다.

필요한 경우 jQuery의 Ajax 메서드에 대한 설명서입니다.

$(document).ready(function(){

    $('#countrylist').change(function(e){
        $this = $(e.target);
        $.ajax({
            type: "POST",
            url: "scriptname.asp", // Don't know asp/asp.net at all so you will have to do this bit
            data: { country: $this.val() },
            success:function(data){
                $('#stateBoxHook').html(data);
            }
        });
    });

});

그런 다음 ID가 "stateBoxHook"인 상태 선택 상자 주위에 범위를 지정합니다.

또는 드롭다운 목록 자체에 변경 속성을 추가하여 변경 시 이와 같은 특정 jquery 함수를 호출할 수 있습니다.

<input type="dropdownlist" onchange="jqueryFunc()">

<script type="text/javascript">
$(function(){
    jqueryFunc(){
        //something goes here
    }
});
</script>

이것이 당신에게 도움이 되기를 바라며, 이 코드는 단지 대략적인 초안일 뿐, 어떤 아이디어에서도 테스트되지 않았다는 점에 유의하십시오.감사해요.

어떤 이유에서인지, 다른 하나는jQuery여기에 제공된 솔루션은 콘솔에서 스크립트를 실행할 때 작동했지만 Chrome Bookmarklet에서 트리거할 때는 작동하지 않았습니다.

운 좋게도, 이 바닐라 JS 솔루션은.triggerChangeEventfunction)이 작동했습니다.

/**
  * Trigger a `change` event on given drop down option element.
  * WARNING: only works if not already selected.
  * @see https://stackoverflow.com/questions/902212/trigger-change-event-of-dropdown/58579258#58579258
  */
function triggerChangeEvent(option) {
  // set selected property
  option.selected = true;
  
  // raise event on parent <select> element
  if ("createEvent" in document) {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);
    option.parentNode.dispatchEvent(evt);
  }
  else {
    option.parentNode.fireEvent("onchange");
  }
}

// ################################################
// Setup our test case
// ################################################

(function setup() {
  const sel = document.querySelector('#fruit');
  sel.onchange = () => {
    document.querySelector('#result').textContent = sel.value;
  };
})();

function runTest() {
  const sel = document.querySelector('#selector').value;
  const optionEl = document.querySelector(sel);
  triggerChangeEvent(optionEl);
}

<select id="fruit">
  <option value="">(select a fruit)</option>
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="pineapple">Pineapple</option>
</select>

<p>
  You have selected: <b id="result"></b>
</p>
<p>
  <input id="selector" placeholder="selector" value="option[value='banana']">
  <button onclick="runTest()">Trigger select!</button>
</p>

언급URL : https://stackoverflow.com/questions/902212/trigger-change-event-of-dropdown

com.google.android.gms.maps에 대한 다른 조각으로 ID, 태그 null 또는 상위 ID가 중복됩니다.지도 조각

yoursource — Tue, 15 Aug 2023 15:12:18 +0900

com.google.android.gms.maps에 대한 다른 조각으로 ID, 태그 null 또는 상위 ID가 중복됩니다.지도 조각

나는 탭이 세 개인 애플리케이션을 가지고 있습니다.

각 탭에는 고유한 레이아웃 .xml 파일이 있습니다.main.xml에는 자체 맵 조각이 있습니다.이것은 응용 프로그램이 처음 시작될 때 나타나는 것입니다.

탭을 바꿀 때를 제외하고는 모두 잘 작동합니다.지도 조각 탭으로 다시 전환하려고 하면 이 오류가 발생합니다.다른 탭으로 전환하거나 탭 간에 전환하는 것이 좋습니다.

여기서 뭐가 잘못됐나요?

이것은 나의 메인 클래스와 나의 main.xml, 그리고 내가 사용하는 관련 클래스입니다(아래에 오류 로그도 있습니다).

본류

package com.nfc.demo;

import android.app.ActionBar;
import android.app.ActionBar.Tab;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.widget.Toast;

public class NFCDemoActivity extends Activity {

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        ActionBar bar = getActionBar();
        bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);

        bar.addTab(bar
                .newTab()
                .setText("Map")
                .setTabListener(
                        new TabListener<MapFragment>(this, "map",
                                MapFragment.class)));
        bar.addTab(bar
                .newTab()
                .setText("Settings")
                .setTabListener(
                        new TabListener<SettingsFragment>(this, "settings",
                                SettingsFragment.class)));
        bar.addTab(bar
                .newTab()
                .setText("About")
                .setTabListener(
                        new TabListener<AboutFragment>(this, "about",
                                AboutFragment.class)));

        if (savedInstanceState != null) {
            bar.setSelectedNavigationItem(savedInstanceState.getInt("tab", 0));
        }
        // setContentView(R.layout.main);

    }

    @Override
    protected void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt("tab", getActionBar().getSelectedNavigationIndex());
    }

    public static class TabListener<T extends Fragment> implements
            ActionBar.TabListener {
        private final Activity mActivity;
        private final String mTag;
        private final Class<T> mClass;
        private final Bundle mArgs;
        private Fragment mFragment;

        public TabListener(Activity activity, String tag, Class<T> clz) {
            this(activity, tag, clz, null);
        }

        public TabListener(Activity activity, String tag, Class<T> clz,
                Bundle args) {
            mActivity = activity;
            mTag = tag;
            mClass = clz;
            mArgs = args;

            // Check to see if we already have a fragment for this tab,
            // probably from a previously saved state. If so, deactivate
            // it, because our initial state is that a tab isn't shown.
            mFragment = mActivity.getFragmentManager().findFragmentByTag(mTag);
            if (mFragment != null && !mFragment.isDetached()) {
                FragmentTransaction ft = mActivity.getFragmentManager()
                        .beginTransaction();
                ft.detach(mFragment);
                ft.commit();
            }
        }

        public void onTabSelected(Tab tab, FragmentTransaction ft) {
            if (mFragment == null) {
                mFragment = Fragment.instantiate(mActivity, mClass.getName(),
                        mArgs);
                ft.add(android.R.id.content, mFragment, mTag);
            } else {
                ft.attach(mFragment);
            }
        }

        public void onTabUnselected(Tab tab, FragmentTransaction ft) {
            if (mFragment != null) {
                ft.detach(mFragment);
            }
        }

        public void onTabReselected(Tab tab, FragmentTransaction ft) {
            Toast.makeText(mActivity, "Reselected!", Toast.LENGTH_SHORT)
                         .show();
        }
    }

}

main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <fragment
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/mapFragment"
        android:name="com.google.android.gms.maps.MapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

관련 클래스(MapFragment.java)

package com.nfc.demo;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MapFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        super.onCreateView(inflater, container, savedInstanceState);
        return inflater.inflate(R.layout.main, container, false);
    }

    public void onDestroy() {
        super.onDestroy();
    }
}

오류

android.view.InflateException: Binary XML file line #7: 
     Error inflating class fragment
   at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:704)
   at android.view.LayoutInflater.rInflate(LayoutInflater.java:746)
   at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
   at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
   at com.nfc.demo.MapFragment.onCreateView(MapFragment.java:15)
   at android.app.Fragment.performCreateView(Fragment.java:1695)
   at android.app.FragmentManagerImpl.moveToState(FragmentManager.java:885)
   at android.app.FragmentManagerImpl.attachFragment(FragmentManager.java:1255)
   at android.app.BackStackRecord.run(BackStackRecord.java:672)
   at android.app.FragmentManagerImpl.execPendingActions(FragmentManager.java:1435)
   at android.app.FragmentManagerImpl$1.run(FragmentManager.java:441)
   at android.os.Handler.handleCallback(Handler.java:725)
   at android.os.Handler.dispatchMessage(Handler.java:92)
   at android.os.Looper.loop(Looper.java:137)
   at android.app.ActivityThread.main(ActivityThread.java:5039)
   at java.lang.reflect.Method.invokeNative(Native Method)
   at java.lang.reflect.Method.invoke(Method.java:511)
   at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:793)
   at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:560)
   at dalvik.system.NativeStart.main(Native Method)

Caused by: java.lang.IllegalArgumentException: 
     Binary XML file line #7: Duplicate id 0x7f040005, tag null, or 
     parent id 0xffffffff with another fragment for 
     com.google.android.gms.maps.MapFragment
   at android.app.Activity.onCreateView(Activity.java:4722)
   at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:680)
   ... 19 more

Matt가 제안한 답은 효과가 있지만, 그것은 지도가 다시 생성되고 다시 그려지게 하는데, 이것이 항상 바람직한 것은 아닙니다.수많은 시행착오 끝에 저에게 맞는 솔루션을 찾았습니다.

private static View view;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    if (view != null) {
        ViewGroup parent = (ViewGroup) view.getParent();
        if (parent != null)
            parent.removeView(view);
    }
    try {
        view = inflater.inflate(R.layout.map, container, false);
    } catch (InflateException e) {
        /* map is already there, just return view as it is */
    }
    return view;
}

다음은 "map.xml"(R.layout.map)과 R.id .mapFragment(안드로이드:id="@+id/mapFragment")입니다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mapLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <fragment xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/mapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        class="com.google.android.gms.maps.SupportMapFragment" />
</LinearLayout>

이게 도움이 되길 바라지만 부작용이 없다고 장담할 수는 없습니다.

편집: 응용 프로그램을 종료하고 다시 시작하는 등의 몇 가지 부작용이 있었습니다.애플리케이션이 완전히 종료될 필요는 없지만 백그라운드에서 절전 모드로 전환될 수 있기 때문에 이전에 제출한 코드는 애플리케이션을 다시 시작할 때 실패합니다.저는 지도에 들어가거나 나가거나 애플리케이션을 종료하거나 다시 시작하는 등 저에게 맞는 코드를 업데이트했습니다. 저는 트라이캐치 비트에 그다지 만족하지 않지만 충분히 잘 작동하는 것 같습니다. ~~스택 추적을 볼 때 지도 조각이 Fragment Manager에 있는지 확인할 수 있다는 생각이 들었습니다. Try-catch 블록이 필요 없고 코드가 업데이트되었습니다.~~

추가 편집:결국 당신은 그 시도가 필요한 것으로 밝혀졌습니다.지도 조각을 확인해 보니 결국 잘 작동하지 않았습니다.으악!

문제는 당신이 하려고 하는 일이 이루어져서는 안 된다는 것입니다.당신은 다른 조각들 안에서 조각들을 부풀려서는 안 됩니다.Android의 설명서에서:

참고: 레이아웃에 <fragment>가 포함된 경우 레이아웃을 fragment로 확장할 수 없습니다.중첩된 조각은 조각에 동적으로 추가되는 경우에만 지원됩니다.

여기에 제시된 해킹으로 작업을 수행할 수는 있지만, 그렇게 하지 않는 것이 좋습니다.다른 조각이 포함된 조각의 레이아웃을 부풀리려고 할 때 이러한 해킹이 각각의 새로운 Android OS가 수행하는 작업을 처리할 것이라고 확신하는 것은 불가능합니다.

Android에서 지원하는 다른 조각에 조각을 추가하는 유일한 방법은 하위 조각 관리자의 트랜잭션입니다.

XML 레이아웃을 빈 컨테이너로 변경하기만 하면 됩니다(필요한 경우 ID 추가).

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mapFragmentContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
</LinearLayout>

onViewCreated(View view, @Nullable Bundle savedInstanceState)방법:

@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    FragmentManager fm = getChildFragmentManager();
    SupportMapFragment mapFragment = (SupportMapFragment) fm.findFragmentByTag("mapFragment");
    if (mapFragment == null) {
        mapFragment = new SupportMapFragment();
        FragmentTransaction ft = fm.beginTransaction();
        ft.add(R.id.mapFragmentContainer, mapFragment, "mapFragment");
        ft.commit();
        fm.executePendingTransactions();
    }
    mapFragment.getMapAsync(callback);
}

동일한 문제가 있었고 수동으로 제거하여 문제를 해결할 수 있었습니다.MapFragment에 시대에onDestroy()의 Fragment클래스. 여기 작동하고 참조하는 코드가 있습니다.MapFragmentXML "ID"의:

@Override
public void onDestroyView() {
    super.onDestroyView();
    MapFragment f = (MapFragment) getFragmentManager()
                                         .findFragmentById(R.id.map);
    if (f != null) 
        getFragmentManager().beginTransaction().remove(f).commit();
}

MapFragment수동으로 지도 보기를 다시 생성/표시하는 데 많은 리소스가 소요되지 않도록 합니다.그 밑에 깔린 것들을 유지하는 것은MapView탭을 앞뒤로 전환하는 데 유용하지만 단편적으로 사용할 경우 이 동작이 중복됩니다.MapView각각의 새로운 것에 창조될MapFragment동일한 신분증으로해결책은 수동으로 제거하는 것입니다.MapFragment따라서 조각이 부풀릴 때마다 기본 지도를 다시 만듭니다.

저는 다른 답변 [1]에서도 이 점을 주목했습니다.

제 대답은 이렇습니다.

1, 다음과 같은 레이아웃 xml을 만듭니다.

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/map_container"
android:layout_width="match_parent"
android:layout_height="match_parent">
</FrameLayout>

2, Fragment 클래스에서 Google 지도를 프로그래밍 방식으로 추가합니다.

import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.SupportMapFragment;
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentTransaction;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * A simple {@link android.support.v4.app.Fragment} subclass. Activities that
 * contain this fragment must implement the
 * {@link MapFragment.OnFragmentInteractionListener} interface to handle
 * interaction events. Use the {@link MapFragment#newInstance} factory method to
 * create an instance of this fragment.
 * 
 */
public class MapFragment extends Fragment {
    // TODO: Rename parameter arguments, choose names that match
    private GoogleMap mMap;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_map, container, false);
        SupportMapFragment mMapFragment = SupportMapFragment.newInstance();
        mMap = mMapFragment.getMap();
        FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
        transaction.add(R.id.map_container, mMapFragment).commit();
        return view;
    }

    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        Log.d("Attach", "on attach");
    }

    @Override
    public void onDetach() {
        super.onDetach();
    }
}

@Justin Breitfeller가 언급했듯이, @Vidar Wahlberg 솔루션은 미래 버전의 Android에서 작동하지 않을 수 있는 해킹입니다.
@Vidar Wahlberg는 다른 솔루션이 "지도를 다시 생성하고 다시 그릴 수 있지만, 이는 항상 바람직한 것은 아닙니다."라는 이유로 해킹을 제안합니다.매번 새 인스턴스를 만드는 대신 이전 맵 조각을 유지 관리하여 맵 다시 그리기를 방지할 수 있습니다.
@매트 솔루션이 작동하지 않는 경우(IlgalStateException)
@Justin Breitfeller는 "레이아웃에 fragment가 포함된 경우 레이아웃을 fragment로 확장할 수 없습니다. 중첩된 fragment는 fragment에 동적으로 추가될 때만 지원됩니다."라고 말했습니다.

내 솔루션:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,                              Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_map_list, container, false);

    // init
    //mapFragment = (SupportMapFragment)getChildFragmentManager().findFragmentById(R.id.map);
    // don't recreate fragment everytime ensure last map location/state are maintain
    if (mapFragment == null) {
        mapFragment = SupportMapFragment.newInstance();
        mapFragment.getMapAsync(this);
    }
    FragmentTransaction transaction = getChildFragmentManager().beginTransaction();
    // R.id.map is a layout
    transaction.replace(R.id.map, mapFragment).commit();

    return view;
}

SupportMapFragment 개체를 전역으로 선언합니다.

    private SupportMapFragment mapFragment;

코드 아래에 CreateView() 메서드를 입력합니다.

mapFragment = (SupportMapFragment) getChildFragmentManager()
            .findFragmentById(R.id.map);
 mapFragment.getMapAsync(this);

In DestroyView() 코드 아래에 입력

@Override
public void onDestroyView() {
   super.onDestroyView();

    if (mapFragment != null)
        getFragmentManager().beginTransaction().remove(mapFragment).commit();
}

xml 파일에 아래 코드를 입력합니다.

 <fragment
    android:id="@+id/map"
    android:name="com.abc.Driver.fragment.FragmentHome"
    class="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    />

위의 코드는 문제를 해결했고 잘 작동합니다.

는 추합니다를 합니다.replace()attach()/detach()탭 처리 중입니다.

또는 다음으로 전환ViewPager다음은 다음과 같은 샘플 프로젝트 샘플입니다.ViewPager10개의 지도를 호스팅하는 탭이 있습니다.

다른 솔루션:

if (view == null) {
    view = inflater.inflate(R.layout.nearbyplaces, container, false);
}

이상입니다. null이 아니면 다시 초기화할 필요가 없습니다. 부모에서 제거하는 것은 불필요한 단계입니다.

레이아웃을 두 번 되돌리거나 부풀리려고 합니다. 한 번만 부풀리는지 확인하십시오.

오늘 이유를 찾기 위해 몇 시간을 허비했습니다. 다행히 이 문제는 MapFragment 구현 때문이 아닙니다. fnadly, nested fragment는 rev 11의 지원 라이브러리를 통해서만 지원되기 때문에 작동하지 않습니다.

내 구현체에는 두 개의 탭(보기 페이지 없음)이 있는 수행 표시줄(탭 모드) 활동이 있습니다. 하나는 맵이 있고 다른 하나는 항목 목록이 있습니다.물론 저는 제 탭 조각 안에서 MapFragment를 사용하는 것에 대해 매우 순진했습니다. 에토빌라는 제가 지도 탭으로 다시 전환할 때마다 앱이 충돌했습니다.

(내 탭 조각이 다른 조각을 포함하는 레이아웃을 부풀릴 경우에도 동일한 문제가 발생합니다.)

한 가지 옵션은 MapFragment 대신 MapView(MapFragment 대신)를 사용하는 것입니다(layout.xml의 드롭인 대체로 MapViewDocs 참조). 다른 옵션은 rev.11부터 support-library를 사용하지만 중첩된 fragment는 레이아웃을 통해 지원되지 않으므로 프로그래밍 방식을 취하는 것입니다.또는 단편을 명시적으로 파괴하여 프로그래밍 방식으로 작업하는 것(Matt / Vidar의 답변처럼), btw: 맵뷰(옵션 1)를 사용하면 동일한 효과를 얻을 수 있습니다.

그러나 실제로 탭을 뗄 때마다 맵을 풀고 싶지 않았습니다. 즉, 메모리에 저장하고 작업을 닫을 때만 정리하고 싶었기 때문에 탭을 누를 때 맵을 숨기거나 표시하기로 결정했습니다. 자세한 내용은 조각 트랜잭션 / 숨기기를 참조하십시오.

이 문제가 계속 발생하는 경우 탭에 있는 지도에서 이 오류가 발생하지 않도록 하는 가장 좋은 방법은 조각을 확장하는 것입니다.SupportMapFragment둥를틀 를 내포하는 SupportMapFragmentTab에 사용된 Fragment 안에 있습니다.

나는 방금 이것을 사용하여 작동시켰습니다.ViewPagerFragmentPagerAdapterSupportMapFragment는 지원합니다.

일반적인 구조는 다음과 같습니다. 다음을 오버라이드할 필요가 없습니다.onCreateView()메소드이며 레이아웃 xml을 부풀릴 필요가 없습니다.

public class MapTabFragment extends SupportMapFragment 
                                    implements OnMapReadyCallback {

    private GoogleMap mMap;
    private Marker marker;


    public MapTabFragment() {
    }

    @Override
    public void onResume() {
        super.onResume();

        setUpMapIfNeeded();
    }

    private void setUpMapIfNeeded() {

        if (mMap == null) {

            getMapAsync(this);
        }
    }

    @Override
    public void onMapReady(GoogleMap googleMap) {

        mMap = googleMap;
        setUpMap();
    }

    private void setUpMap() {

        mMap.setMyLocationEnabled(true);
        mMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
        mMap.getUiSettings().setMapToolbarEnabled(false);


        mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() {

            @Override
            public void onMapClick(LatLng point) {

                //remove previously placed Marker
                if (marker != null) {
                    marker.remove();
                }

                //place marker where user just clicked
                marker = mMap.addMarker(new MarkerOptions().position(point).title("Marker")
                        .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_MAGENTA)));

            }
        });

    }


}

결과:

다음은 테스트할 때 사용한 전체 클래스 코드입니다. 여기에는 처음 두 탭에 사용한 자리 표시자 조각과 세 번째 탭에 사용한 맵 조각이 포함됩니다.

public class MainActivity extends AppCompatActivity implements ActionBar.TabListener{


    SectionsPagerAdapter mSectionsPagerAdapter;

    ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());

        // Set up the ViewPager with the sections adapter.
        mViewPager = (ViewPager) findViewById(R.id.pager);
        mViewPager.setAdapter(mSectionsPagerAdapter);

        final ActionBar actionBar = getSupportActionBar();
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

        mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                actionBar.setSelectedNavigationItem(position);
            }
        });

        for (int i = 0; i < mSectionsPagerAdapter.getCount(); i++) {
            actionBar.addTab(actionBar.newTab().setText(mSectionsPagerAdapter.getPageTitle(i)).setTabListener(this));
        }

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        int id = item.getItemId();

        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @Override
    public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
        mViewPager.setCurrentItem(tab.getPosition());
    }

    @Override
    public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {

    }

    @Override
    public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {

    }


    public class SectionsPagerAdapter extends FragmentPagerAdapter {

        public SectionsPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {

            switch (position) {
                case 0:
                    return PlaceholderFragment.newInstance(position + 1);
                case 1:
                    return PlaceholderFragment.newInstance(position + 1);
                case 2:
                    return MapTabFragment.newInstance(position + 1);
            }

            return null;
        }

        @Override
        public int getCount() {
            // Show 3 total pages.
            return 3;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            Locale l = Locale.getDefault();

            switch (position) {
                case 0:
                    return getString(R.string.title_section1).toUpperCase(l);
                case 1:
                    return getString(R.string.title_section2).toUpperCase(l);
                case 2:
                    return getString(R.string.title_section3).toUpperCase(l);
            }
            return null;
        }
    }


    public static class PlaceholderFragment extends Fragment {

        private static final String ARG_SECTION_NUMBER = "section_number";

        TextView text;

        public static PlaceholderFragment newInstance(int sectionNumber) {
            PlaceholderFragment fragment = new PlaceholderFragment();
            Bundle args = new Bundle();
            args.putInt(ARG_SECTION_NUMBER, sectionNumber);
            fragment.setArguments(args);
            return fragment;
        }

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_main, container, false);

            text = (TextView) rootView.findViewById(R.id.section_label);
            text.setText("placeholder");

            return rootView;
        }
    }

    public static class MapTabFragment extends SupportMapFragment implements
            OnMapReadyCallback {

        private static final String ARG_SECTION_NUMBER = "section_number";

        private GoogleMap mMap;
        private Marker marker;


        public static MapTabFragment newInstance(int sectionNumber) {
            MapTabFragment fragment = new MapTabFragment();
            Bundle args = new Bundle();
            args.putInt(ARG_SECTION_NUMBER, sectionNumber);
            fragment.setArguments(args);
            return fragment;
        }

        public MapTabFragment() {
        }

        @Override
        public void onResume() {
            super.onResume();

            Log.d("MyMap", "onResume");
            setUpMapIfNeeded();
        }

        private void setUpMapIfNeeded() {

            if (mMap == null) {

                Log.d("MyMap", "setUpMapIfNeeded");

                getMapAsync(this);
            }
        }

        @Override
        public void onMapReady(GoogleMap googleMap) {
            Log.d("MyMap", "onMapReady");
            mMap = googleMap;
            setUpMap();
        }

        private void setUpMap() {

            mMap.setMyLocationEnabled(true);
            mMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
            mMap.getUiSettings().setMapToolbarEnabled(false);


            mMap.setOnMapClickListener(new GoogleMap.OnMapClickListener() {

                @Override
                public void onMapClick(LatLng point) {

                    Log.d("MyMap", "MapClick");

                    //remove previously placed Marker
                    if (marker != null) {
                        marker.remove();
                    }

                    //place marker where user just clicked
                    marker = mMap.addMarker(new MarkerOptions().position(point).title("Marker")
                            .icon(BitmapDescriptorFactory.defaultMarker(BitmapDescriptorFactory.HUE_MAGENTA)));

                    Log.d("MyMap", "MapClick After Add Marker");

                }
            });

        }
    }
}

저는 모든 답변을 존중하지만 다음과 같은 하나의 라이너 솔루션을 찾았습니다.n이 탭 수인 경우:

 mViewPager.setOffscreenPageLimit(n);

예:언급된 경우:

 mViewPager.setOffscreenPageLimit(2);

View 호출기는 큐를 구현하므로 해당 조각을 제거하지 않아도 됩니다.CreateView에서 한 번만 호출됩니다.

저는 파티에 조금 늦었지만, 이 답변 중 어떤 것도 저의 경우에 도움이 되지 않았습니다.저는 Google 지도를 SupportMapFragment와 PlaceAutocompleteFragment로 사용하고 있었습니다.모든 답변이 지적했듯이 SupportMapFragment가 재생성되고 다시 그려지는 맵이라는 것이 문제입니다.하지만 발굴한 후 제 문제가 실제로 PlaceAutocompleteFragment에 있다는 것을 알게 되었습니다.

SupportMapFragment 및 SupportMapFragment로 인해 이 문제에 직면한 사용자를 위한 해결책은 다음과 같습니다.

 //Global SupportMapFragment mapFragment;
 mapFragment = (SupportMapFragment) getChildFragmentManager().findFragmentById(R.id.mapFragment);
    FragmentManager fm = getChildFragmentManager();

    if (mapFragment == null) {
        mapFragment = SupportMapFragment.newInstance();
        fm.beginTransaction().replace(R.id.mapFragment, mapFragment).commit();
        fm.executePendingTransactions();
    }

    mapFragment.getMapAsync(this);

    //Global PlaceAutocompleteFragment autocompleteFragment;


    if (autocompleteFragment == null) {
        autocompleteFragment = (PlaceAutocompleteFragment) getActivity().getFragmentManager().findFragmentById(R.id.place_autoCompleteFragment);

    }

그리고 DestroyView에서 SupportMapFragment 및 SupportMapFragment를 지웁니다.

@Override
public void onDestroyView() {
    super.onDestroyView();


    if (getActivity() != null) {
        Log.e("res","place dlted");
        android.app.FragmentManager fragmentManager = getActivity().getFragmentManager();
        android.app.FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
        fragmentTransaction.remove(autocompleteFragment);
        fragmentTransaction.commit(); 
       //Use commitAllowingStateLoss() if getting exception 

        autocompleteFragment = null;
    }


}

중첩된 조각은 현재 지원되지 않습니다.지원 패키지 버전 11을 사용해 보십시오.

당신의 고객을 참조하려고 노력해 왔습니까?MapFragment레이아웃 파일의 클래스?

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <fragment
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/mapFragment"
        android:name="com.nfc.demo.MapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

Vidar Wahlberg 답변만 사용할 경우 다른 활동(예:)을 열고 지도로 돌아갈 때 오류가 발생합니다.또는 다른 활동을 연 다음 새 활동에서 지도를 다시 엽니다(뒤로 단추 사용 안 함).하지만 Vidar Wahlberg 솔루션과 Matt 솔루션을 결합하면 예외가 없습니다.

레이아웃

<com.example.ui.layout.MapWrapperLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:id="@+id/map_relative_layout">

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/root">

        <fragment xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/map"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            class="com.google.android.gms.maps.SupportMapFragment" />
    </RelativeLayout>
</<com.example.ui.layout.MapWrapperLayout>

파편

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    setHasOptionsMenu(true);
    if (view != null) {
        ViewGroup parent = (ViewGroup) view.getParent();
        if (parent != null){
            parent.removeView(view);
        }
    }
    try {
        view = inflater.inflate(R.layout.map_view, null);
        if(view!=null){
            ViewGroup root = (ViewGroup) view.findViewById(R.id.root);
...

@Override
public void onDestroyView() {
    super.onDestroyView();
    Fragment fragment = this.getSherlockActivity().getSupportFragmentManager().findFragmentById(R.id.map);
    if (fragment != null)
        getFragmentManager().beginTransaction().remove(fragment).commit();
}

저는 이것을 ViewPager에 넣었고 충돌은 모든 조각에 자체 태그가 있어야 했고 동일한 조각에 대한 중복 태그 또는 ID가 허용되지 않았기 때문입니다.

이전 아이 프래그먼트용 앱 호환 라이브러리에 버그가 있었던 것 같습니다.저는 @Vidar Wahlberg와 @Matt's ans를 시도했습니다. 그들은 저를 위해 일하지 않았습니다.appcompat 라이브러리를 업데이트한 후 제 코드는 별도의 노력 없이 완벽하게 실행됩니다.

여기서 주의할 점은 두 가지 경우 중 하나로 앱이 심하게 충돌한다는 것입니다.

맵을 사용하여 조각을 다시 사용하려면 맵을 표시하는 조각이 DestroyView 콜백의 다른 조각으로 대체되었을 때 MapView 조각을 제거해야 합니다.

그렇지 않으면 동일한 조각을 두 번 부풀리려고 할 때 com.google.android.gms.maps에 대한 다른 조각으로 ID, 태그 null 또는 상위 ID가 중복됩니다.MapFragment 오류가 발생합니다.

두 번째로 앱을 섞으면 안 됩니다.안드로이드를 사용한 단편화 작업.support.v4.app.fragment API 작업 eg.do 은 Android.app을 사용하지 않습니다.v4.app을 제거하기 위한 조각 트랜잭션입니다.조각 유형 MapView 조각입니다.이것을 섞으면 fragment 쪽에서 다시 충돌이 발생합니다.

MapView를 올바르게 사용하기 위한 샘플 코드 조각입니다.

import android.content.Context;
import android.location.Location;
import android.location.LocationListener;
import android.location.LocationManager;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

import com.google.android.gms.maps.CameraUpdateFactory;
import com.google.android.gms.maps.GoogleMap;
import com.google.android.gms.maps.GoogleMap.OnMapClickListener;
import com.google.android.gms.maps.MapFragment;
import com.google.android.gms.maps.model.BitmapDescriptorFactory;
import com.google.android.gms.maps.model.CameraPosition;
import com.google.android.gms.maps.model.LatLng;
import com.google.android.gms.maps.model.MarkerOptions;
import com.serveroverload.yago.R;

/**
 * @author 663918
 *
 */
public class HomeFragment extends Fragment implements LocationListener {
    // Class to do operations on the Map
    GoogleMap googleMap;
    private LocationManager locationManager;

    public static Fragment newInstance() {
        return new HomeFragment();
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.home_fragment, container, false);
        Bundle bdl = getArguments();

        // setuping locatiomanager to perfrom location related operations
        locationManager = (LocationManager) getActivity().getSystemService(
                Context.LOCATION_SERVICE);

        // Requesting locationmanager for location updates
        locationManager.requestLocationUpdates(
                LocationManager.NETWORK_PROVIDER, 1, 1, this);

        // To get map from MapFragment from layout
        googleMap = ((MapFragment) getActivity().getFragmentManager()
                .findFragmentById(R.id.map)).getMap();

        // To change the map type to Satellite
        // googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);

        // To show our current location in the map with dot
        // googleMap.setMyLocationEnabled(true);

        // To listen action whenever we click on the map
        googleMap.setOnMapClickListener(new OnMapClickListener() {

            @Override
            public void onMapClick(LatLng latLng) {
                /*
                 * LatLng:Class will give us selected position lattigude and
                 * longitude values
                 */
                Toast.makeText(getActivity(), latLng.toString(),
                        Toast.LENGTH_LONG).show();
            }
        });

        changeMapMode(2);

        // googleMap.setSatellite(true);
        googleMap.setTrafficEnabled(true);
        googleMap.setBuildingsEnabled(true);
        googleMap.setMyLocationEnabled(true);

        return v;
    }

    private void doZoom() {
        if (googleMap != null) {
            googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(
                    new LatLng(18.520430, 73.856744), 17));
        }
    }

    private void changeMapMode(int mapMode) {

        if (googleMap != null) {
            switch (mapMode) {
            case 0:
                googleMap.setMapType(GoogleMap.MAP_TYPE_NONE);
                break;

            case 1:
                googleMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
                break;

            case 2:
                googleMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
                break;

            case 3:
                googleMap.setMapType(GoogleMap.MAP_TYPE_TERRAIN);
                break;

            case 4:
                googleMap.setMapType(GoogleMap.MAP_TYPE_HYBRID);
                break;

            default:
                break;
            }
        }
    }

    private void createMarker(double latitude, double longitude) {
        // double latitude = 17.385044;
        // double longitude = 78.486671;

        // lets place some 10 random markers
        for (int i = 0; i < 10; i++) {
            // random latitude and logitude
            double[] randomLocation = createRandLocation(latitude, longitude);

            // Adding a marker
            MarkerOptions marker = new MarkerOptions().position(
                    new LatLng(randomLocation[0], randomLocation[1])).title(
                    "Hello Maps " + i);

            Log.e("Random", "> " + randomLocation[0] + ", " + randomLocation[1]);

            // changing marker color
            if (i == 0)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_AZURE));
            if (i == 1)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_BLUE));
            if (i == 2)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_CYAN));
            if (i == 3)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_GREEN));
            if (i == 4)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_MAGENTA));
            if (i == 5)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_ORANGE));
            if (i == 6)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_RED));
            if (i == 7)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_ROSE));
            if (i == 8)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_VIOLET));
            if (i == 9)
                marker.icon(BitmapDescriptorFactory
                        .defaultMarker(BitmapDescriptorFactory.HUE_YELLOW));

            googleMap.addMarker(marker);

            // Move the camera to last position with a zoom level
            if (i == 9) {
                CameraPosition cameraPosition = new CameraPosition.Builder()
                        .target(new LatLng(randomLocation[0], randomLocation[1]))
                        .zoom(15).build();

                googleMap.animateCamera(CameraUpdateFactory
                        .newCameraPosition(cameraPosition));
            }
        }

    }

    /*
     * creating random postion around a location for testing purpose only
     */
    private double[] createRandLocation(double latitude, double longitude) {

        return new double[] { latitude + ((Math.random() - 0.5) / 500),
                longitude + ((Math.random() - 0.5) / 500),
                150 + ((Math.random() - 0.5) * 10) };
    }

    @Override
    public void onLocationChanged(Location location) {

        if (null != googleMap) {
            // To get lattitude value from location object
            double latti = location.getLatitude();
            // To get longitude value from location object
            double longi = location.getLongitude();

            // To hold lattitude and longitude values
            LatLng position = new LatLng(latti, longi);

            createMarker(latti, longi);

            // Creating object to pass our current location to the map
            MarkerOptions markerOptions = new MarkerOptions();
            // To store current location in the markeroptions object
            markerOptions.position(position);

            // Zooming to our current location with zoom level 17.0f
            googleMap.animateCamera(CameraUpdateFactory.newLatLngZoom(position,
                    17f));

            // adding markeroptions class object to the map to show our current
            // location in the map with help of default marker
            googleMap.addMarker(markerOptions);
        }

    }

    @Override
    public void onStatusChanged(String provider, int status, Bundle extras) {
        // TODO Auto-generated method stub

    }

    @Override
    public void onProviderEnabled(String provider) {
        // TODO Auto-generated method stub

    }

    @Override
    public void onProviderDisabled(String provider) {
        // TODO Auto-generated method stub

    }

    @Override
    public void onDestroyView() {
        // TODO Auto-generated method stub
        super.onDestroyView();

        locationManager.removeUpdates(this);

        android.app.Fragment fragment = getActivity().getFragmentManager()
                .findFragmentById(R.id.map);
        if (null != fragment) {
            android.app.FragmentTransaction ft = getActivity()
                    .getFragmentManager().beginTransaction();
            ft.remove(fragment);
            ft.commit();
        }
    }

}

XML

 <fragment
        android:id="@+id/map"
        android:name="com.google.android.gms.maps.MapFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       />

결과는 다음과 같습니다.

누군가에게 도움이 되길 바랍니다.

이 솔루션에서는 정적 변수를 사용할 필요가 없습니다.

Button nextBtn;

private SupportMapFragment mMapFragment;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    super.onCreateView(inflater, container, savedInstanceState);

    if (mRootView != null) {
        ViewGroup parent = (ViewGroup) mRootView.getParent();
        Utility.log(0,"removeView","mRootView not NULL");
        if (parent != null) {
            Utility.log(0, "removeView", "view removeViewed");
            parent.removeAllViews();
        }
    }
    else {
        try {
            mRootView = inflater.inflate(R.layout.dummy_fragment_layout_one, container, false);//
        } catch (InflateException e) {
    /* map is already there, just return view as it is  */
            e.printStackTrace();
        }
    }

    return  mRootView;
}

@Override
public void onViewCreated(View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);
    FragmentManager fm = getChildFragmentManager();
    SupportMapFragment mapFragment = (SupportMapFragment) fm.findFragmentById(R.id.mapView);
    if (mapFragment == null) {
        mapFragment = new SupportMapFragment();
        FragmentTransaction ft = fm.beginTransaction();
        ft.add(R.id.mapView, mapFragment, "mapFragment");
        ft.commit();
        fm.executePendingTransactions();
    }
    //mapFragment.getMapAsync(this);
    nextBtn = (Button) view.findViewById(R.id.nextBtn);
    nextBtn.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Utility.replaceSupportFragment(getActivity(),R.id.dummyFragment,dummyFragment_2.class.getSimpleName(),null,new dummyFragment_2());
        }
    });

}`

맵뷰 부모 레이아웃에 대한 ID("vmap:id="@+id/sys_dialog")를 설정해 보십시오.나한테 효과가 있어요.

지금 여기에 오는 사람은 누구나 웹사이트를 열 때 이런 종류의 오류가 발생합니다.Dialog혹은 그 밖의FragmentGoogle Places에서AutocompleteSupportFragment이 한 줄로 시도해 보십시오(이것이 얼마나 안전한지는 모르겠지만 저에게는 효과가 있습니다).

autocompleteFragment.getFragmentManager().beginTransaction().remove(autocompleteFragment).commit();

당신의 조각을 제거하기 전에.

<?xml version="1.0" encoding="utf-8"?>

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
   android:layout_height="match_parent" >


<com.google.android.gms.maps.MapView
    android:id="@+id/mapview"
    android:layout_width="100dip"
    android:layout_height="100dip"
    android:layout_alignParentTop="true"
    android:layout_alignRight="@+id/textView1"
    android:layout_marginRight="15dp" >
</com.google.android.gms.maps.MapView>

MapFragment 대신 MapView 객체를 사용하여 지도를 삽입하는 것이 어떻습니까? MapView에 제한이 있는지는 모르겠지만 도움이 됩니다.

언급URL : https://stackoverflow.com/questions/14083950/duplicate-id-tag-null-or-parent-id-with-another-fragment-for-com-google-androi

도커를 사용하여 포트를 두 개 이상 노출하려면 어떻게 해야 합니까?

yoursource — Tue, 15 Aug 2023 15:08:43 +0900

도커를 사용하여 포트를 두 개 이상 노출하려면 어떻게 해야 합니까?

그래서 저는 기계의 인터페이스에 노출되어야 하는 포트가 3개 있습니다.도커 컨테이너로 이것이 가능합니까?

포트를 하나만 표시하려면 다음 작업을 수행해야 합니다.

docker run -p <host_port>:<container_port>

여러 개의 포트를 노출하려면 여러 개의 포트만 하면 됩니다.-p인수:

docker run -p <host_port1>:<container_port1> -p <host_port2>:<container_port2>

1단계

당신의Dockerfile당신은 동사를 사용할 수 있습니다.EXPOSE여러 포트를 노출합니다.
예.

EXPOSE 3000 80 443 22

2단계

그런 다음 위의 이미지를 기반으로 새 이미지를 구축하려고 합니다.Dockerfile.
예.

docker build -t foo:tag .

3단계

그러면 다음을 사용할 수 있습니다.-p위에서 정의한 대로 호스트 포트를 컨테이너 포트와 매핑합니다.EXPOSE의Dockerfile.
예.

docker run -p 3001:3000 -p 23:22

연속 포트 범위를 노출하려는 경우 다음과 같이 도커를 실행할 수 있습니다.

docker run -it -p 7100-7120:7100-7120/tcp

을 이용하면docker-compose.yml파일:

services:
    varnish:
        ports:
            - 80
            - 6081

호스트/네트워크 포트를 다음과 같이 지정할 수도 있습니다.HOST/NETWORK_PORT:CONTAINER_PORT

varnish:
    ports:
        - 81:80
        - 6081:6081

이를 예로 들 수 있습니다.

docker create --name new_ubuntu -it -p 8080:8080 -p  15672:15672 -p 5432:5432   ubuntu:latest bash

생성한 내용을 확인하고 컨테이너 ID xxxxxx를 복사합니다.

docker ps -a

이제 기적을 만드는 사람의 단어(시작)를 쓰십시오.

docker start xxxxx

행운을 빌어요

이미지에서 컨테이너를 생성하는 경우 게시하지 않고 여러 포트를 노출하려는 경우 다음 명령을 사용할 수 있습니다.

docker create --name `container name` --expose 7000 --expose 7001 `image name`

이제, 이 컨테이너를 사용하여 시작할 때docker start명령을 실행하면 위의 구성된 포트가 노출됩니다.

추가할 점은 하나뿐입니다.도커 파일을 실행할 때 표시할 포트 범위를 지정할 수 있습니다.

도커 파일:

EXPOSE 8888-8898

이미지 빌드:

docker build -t <image_name>:<version> -f dockerfile .

이미지를 실행할 때:

docker run -it -p 8888-8898:8888-8898 -v C:\x\x\x:/app <image_name>:<version>

언급URL : https://stackoverflow.com/questions/20845056/how-can-i-expose-more-than-1-port-with-docker

확인란을 선택해야 함

yoursource — Tue, 15 Aug 2023 15:07:54 +0900

확인란을 선택해야 함

FormBuilder for Angular를 사용하여 확인란을 선택할 때까지 단추를 사용하지 않습니다.확인란의 값을 명시적으로 확인하고 싶지 않으며 단순히 확인할 수 있도록 검증기를 사용하는 것을 선호합니다.form.valid.

아래의 두 검증 사례에서 확인란은 다음과 같습니다.

interface ValidationResult {
  [key:string]:boolean;
}

export class CheckboxValidator {
  static checked(control:Control) {
    return { "checked": control.value };
  }
}

@Component({
  selector: 'my-form',
  directives: [FORM_DIRECTIVES],
  template: `  <form [ngFormModel]="form" (ngSubmit)="onSubmit(form.value)">
    <input type="checkbox" id="cb" ngControl="cb">
    <button type="submit" [disabled]="!form.valid">
    </form>`
})

export class SomeForm {
  regForm: ControlGroup;

  constructor(fb: FormBuilder) {
    this.form = fb.group({
      cb: [ CheckboxValidator.checked ]
      //cb: [ false, Validators.required ] <-- I have also tried this
    });
  }

  onSubmit(value: any) {
    console.log('Submitted: ', this.form);
  }
}

Angular 2.3.1 이후에는 다음을 사용할 수 있습니다.

구성 요소:

this.formGroup = this.formBuilder.group({
  cb: [false, Validators.requiredTrue]
});

템플릿:

<form [formGroup]="formGroup">
  <label><input type="checkbox" formControlName="cb"> Accept it</label>
  <div style="color: red; padding-top: 0.2rem" *ngIf="formGroup.hasError('required', 'cb')">
    Required
  </div>
  <hr>
  <div>
    <button type="submit" [disabled]="formGroup.invalid">Submit</button>
  </div>
</form>

STACKBLITZ DEMO

Validator 패턴을 사용하여 올바른(부울) 값을 확인할 수 있습니다.

<input type="checkbox" [formControl]="myForm.controls['isTosRead']">

그리고 다음은 구속력입니다.

this.myForm = builder.group({
        isTosRead: [false, Validators.pattern('true')]
    });

<h1>LOGIN</h1>
<form [formGroup]="signUpForm"> 
    <input type="checkbox" formControlName="cb">
    <button type="submit" [disabled]="!loginForm.valid" (click)="doLogin()">Log in</button>
</form>

export class Login { 
  public signUpForm: FormGroup;

  constructor(fb: FormBuilder) {
    this.signUpForm = fb.group({
      cb: [false, Validators.requiredTrue]
    });
  }
  doLogin() {

  }
}

.ts

@Component({
  selector: 'my-app', 
  template: `
    <h1>LOGIN</h1>
    <form [ngFormModel]="loginForm"  #fm="ngForm"  (submit)="doLogin($event)"> 

          <input type="checkbox" id="cb" ngControl="cb" #cb="ngForm" required>
          <button type="submit" [disabled]="!loginForm.valid">Log in</button>

          <br/>
              <div>Valid ={{cb.valid}}</div>
              <div>Pristine ={{cb.pristine}}</div>
              <div>Touch ={{cb.touched}}</div>
              <div>form.valid?={{loginForm.valid}}</div>
          <BR/>
          <BR/>

    </form>
    `,
  directives: [ROUTER_DIRECTIVES,FORM_DIRECTIVES,CORE_DIRECTIVES]
})

export class Login { 
  constructor(fb: FormBuilder) {
    this.loginForm = fb.group({
      cb: [false, Validators.required],
    //cb: ['',Validators.required] - this will also work.

    });
  }
  doLogin(event) {
    console.log(this.loginForm);
    event.preventDefault();
  }
}

작업용 플런커.

변경 사항이 있으면 알려주시기 바랍니다.

확인란에 대해 Validator.required가 제대로 작동하지 않습니다.확인란을 선택한 다음 선택을 취소하면 FormControl이 선택되지 않은 경우에도 유효한 것으로 표시됩니다.그것은 사실이든 거짓이든 당신이 그것을 어떤 것으로 설정했는지만 확인한다고 생각합니다.

다음은 FormControl에 추가할 수 있는 빠르고 간단한 검증자입니다.

  mustBeChecked(control: FormControl): {[key: string]: string} {
    if (!control.value) {
      return {mustBeCheckedError: 'Must be checked'};
    } else {
      return null;
    }
  }

HTML 양식

<div class="col-md-12">
                  <div class="form-group">
                      <input type="checkbox" class="form-check-input" id="agree" formControlName="agree">
                      <label class="form-check-label" for="agree">
                        I agree to our <a target="_blank" href="#">Terms of use</a> and
                        <a target="_blank" href="#">Privacy Policy</a>.
                      </label>
                      <div class="text-danger" *ngIf="(isRegSubmit||regForm.get('agree').touched) &&
                          regForm.get('agree').hasError('required')">
                          Please agree to terms of use and privacy policy.
                      </div>
                  </div>
              </div>

TS 파일

  regForm: FormGroup;isRegSubmit: boolean = false;
  constructor(
    private fb: FormBuilder
  }

  this.regForm = this.fb.group({
        agree    : [false, Validators.requiredTrue]
    });

Validators.required not worked 또한 값을 확인하여 오류 메시지를 표시하고 사용자의 제출을 제한할 수 있지만 유효성 검사를 사용하지 않기 때문에 좋은 접근 방식이 아닙니다. 따라서 확인란이 하나만 있을 때마다 Validators.requiredTrue를 추가합니다.

다음과 같은 간단한 예가 있습니다.

구성 요소:

login : FormGroup;

constructor(@Inject(FormBuilder)formBuilder : FormBuilder) {
this.login = formBuilder.group({userName: [null], password: [null],
staySignedIn: [false,Validators.pattern('true')]});
}

HTML에서:

<form [formGroup]="login" (ngSubmit)="onSubmit()">
    <div class="form-group">
        <input formControlName="userName" required>
    </div>
    <div class="form-group">
        <input formControlName="password" type="password" required>
    </div>
    <div>
        <label>
    <input formControlName="staySignedIn" checked="staySignedIn" type="checkbox"> bla
  </label>
    </div>
    <button type="submit">bla</button>
    <div >
        <a href>bla?</a>
    </div>
</form>

Angular 8의 경우, 3개의 체크박스 중 적어도 1개의 체크박스가 선택되었는지 확인하기 위해 아래와 같이 했습니다.

form = new FormGroup({
    // ...more form controls...
    myCheckboxGroup: new FormGroup({
      myCheckbox1: new FormControl(false),
      myCheckbox2: new FormControl(false),
      myCheckbox3: new FormControl(false),
    }, requireCheckboxesToBeCheckedValidator()),
    // ...more form controls...
  });

사용자 지정 검증자 생성

import { FormGroup, ValidatorFn } from '@angular/forms';

export function requireCheckboxesToBeCheckedValidator(minRequired = 1): ValidatorFn {
  return function validate (formGroup: FormGroup) {
    let checked = 0;

    Object.keys(formGroup.controls).forEach(key => {
      const control = formGroup.controls[key];

      if (control.value === true) {
        checked ++;
      }
    });

    if (checked < minRequired) {
      return {
        requireCheckboxesToBeChecked: true,
      };
    }

    return null;
  };
}

그리고 html에서 아래와 같이 사용했습니다.

<ng-container [formGroup]="form">
   <!-- ...more form controls... -->

   <div class="form-group" formGroupName="myCheckboxGroup">
      <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" formControlName="myCheckbox1" id="myCheckbox1">
        <label class="custom-control-label" for="myCheckbox1">Check</label>
      </div>

      <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" formControlName="myCheckbox2" id="myCheckbox2">
        <label class="custom-control-label" for="myCheckbox2">At least</label>
      </div>

      <div class="custom-control custom-checkbox">
        <input type="checkbox" class="custom-control-input" formControlName="myCheckbox3" id="myCheckbox3">
        <label class="custom-control-label" for="myCheckbox3">One</label>
      </div>

      <div class="invalid-feedback" *ngIf="form.controls['myCheckboxGroup'].errors && form.controls['myCheckboxGroup'].errors.requireCheckboxesToBeChecked">At least one checkbox is required to check</div>
    </div>

    <!-- ...more form controls... -->
  </ng-container>

PrimeNG를 사용하는 경우 다음과 같은 TAG app-form-required-field를 통해 이 작업을 수행할 수 있습니다.

<p-checkbox name="_yes" #active="ngModel" required value="true" 
label="Active" binary="true" [(ngModel)]="filter._yes"></p-checkbox>

<p-checkbox name="_no" #inactive="ngModel" required label="Inactive" 
binary="true" [(ngModel)]="filter._no"></p-checkbox>

<app-form-required-field
     *ngIf="!filter._yes && !filter._no"
     [form]="active"
     [form]="inactive"
     id="msgAtivo"
     requiredMessage="Field required!"
>
</app-form-required-field>

아래의 조건에 검증자 단순 검사를 넣었음에도 불구하고.

@Component({
  selector: 'my-form',
  directives: [FORM_DIRECTIVES],
  template: `  <form [ngFormModel]="form" (ngSubmit)="onSubmit(form.value)">
    <input type="checkbox" id="cb" ngControl="cb">
    <button type="submit" [disabled]="!form.valid && !cb.value">
    </form>`
})

구성 요소:

import { FormGroup, FormBuilder, Validators, AbstractControl } from '@angular/forms';

public profileForm!: FormGroup;

constructor(
    private _fb: FormBuilder
  ) { }
  
ngOnInit(): void {
    this._createForm();
    this._setValidationRule();
}

get fc(): { [key: string]: AbstractControl } {
    return this.profileForm.controls;
  }

  private _createForm() {
    const self = this;
    self.profileForm = self._fb.group({
      required_checkbox: [false],
      zipcode: [''],
      city: [''],
      town: [''],
    });
  }
  
  private _setValidationRule() {
    const self = this;
    self.profileForm.get('required_checkbox').valueChanges.subscribe(
      ruleStatus => {
        if (ruleStatus) {
          self.profileForm.get('zipcode').setValidators(Validators.required);
          self.profileForm.get('city').setValidators(Validators.required);
          self.profileForm.get('town').setValidators(Validators.required);
        } else {
          self.profileForm.get('zipcode').setValidators(null);
          self.profileForm.get('city').setValidators(null);
          self.profileForm.get('town').setValidators(null);
        }
        self.profileForm.get('zipcode').updateValueAndValidity();
        self.profileForm.get('city').updateValueAndValidity();
        self.profileForm.get('town').updateValueAndValidity();
      });
  }

템플릿

<mat-checkbox class="terms" formControlName="required_checkbox">Pickup Riraku</mat-checkbox>
        
<mat-form-field appearance="outline">
    <mat-label>Zip Code</mat-label>
    <input matInput type="text" formControlName="zipcode" placeholder="">
</mat-form-field>

<mat-form-field appearance="outline">
    <mat-label>City</mat-label>
    <input matInput type="text" formControlName="city" placeholder="">
</mat-form-field>

<mat-form-field appearance="outline">
    <mat-label>Town</mat-label>
    <input matInput type="text" formControlName="town" placeholder="">
</mat-form-field>

확인란에 값을 설정하려면 확인란 자체에 값이 있는지 여부를 지정할 수 있습니다.테스트할 수 있습니다.Validators.required선택한 경우 값을 전달하거나 true를 전달하고 선택하지 않은 경우 null을 전달하거나 false를 전달합니다.그리고 ChangeInput에서 메서드를 트리거합니다. <input type="method" (변경)="changeInput($event)">

public changeInput(event): void {
  this.isChecked = event.target.checked;
  // passing the value
  this.onChange(this.isChecked ? (this.value ? this.value : true) : false);
  // set touched
  if (!this.isTouched) {
    this.isTouched = true;
    this.onTouch();
  }
}

변경 사항을 탐지하는 메서드 만들기

checkValue(event: any) {
    this.formulario.patchValue({
      checkboxControlName: event.target.checked
    })
}

이벤트 변경에 해당 방법을 적용하고,ngModel required특성.

<input (change)="checkValue($event)" type="checkbox" formControlName="checkboxControlName" value="true" ngModel required>

그리고 전통적인 방법을 사용하여 검증합니다.

this.formulario = new FormGroup({
  checkboxControlName: new FormControl('', [Validators.required])
});

원천

언급URL : https://stackoverflow.com/questions/35462316/requiring-a-checkbox-to-be-checked

C x86의 64비트 루프 성능

yoursource — Tue, 15 Aug 2023 15:07:08 +0900

C x86의 64비트 루프 성능

원시 소켓을 사용하는 일부 IPv4 ICMP 처리 코드에 대한 인터넷 체크섬 기능(보완 체크섬)이 필요했는데 64비트 Intel 프로세서(gcc 4.8.2 사용)에서는 설명할 수 없는 동작을 발견했습니다.누군가 그것을 밝혀줄 수 있는지 궁금했습니다.

32비트 어큐뮬레이터를 사용하여 16비트 합계를 수행하는 첫 번째 체크섬 기능을 구현했습니다.그런 다음 64비트 어큐뮬레이터와 32비트 합계를 사용하여 동일하게 구현했습니다. 합계가 적으면 실행 속도가 빨라질 것이라고 생각했습니다.그 결과 첫 번째 구현이 두 번째 구현보다 두 배 더 빠르게 실행됩니다(O3 최적화 사용).왜 그런지 모르겠어요...

아래 코드는 실제로 정확한 체크섬을 수행하지 않지만(간소화했습니다) 문제를 설명합니다.둘 다 64비트 네이티브 플랫폼(LP64: 짧은 16비트, int 32비트, 긴 64비트, 포인터 64비트)에서 실행되는 64비트로 컴파일되었습니다.

32비트 어큐뮬레이터 및 16비트 합계

unsigned short
cksum_16_le(unsigned char* data, size_t size)
{
    unsigned short word;
    unsigned int sum = 0;
    unsigned int i;

    for(i = 0; i < size - 1; i += 2)
        sum += *((unsigned short*) (data + i));

    sum = (sum & 0xffff) + (sum >> 16);
    sum = (sum & 0xffff) + (sum >> 16);

    return ~sum;
}

동일한 10k 데이터에 대한 50,000개의 함수 호출: ~1.1초

64비트 어큐뮬레이터 및 32비트 합계

unsigned short
cksum_32_le(unsigned char* data, size_t size)
{
    unsigned long word;
    unsigned long sum = 0;
    unsigned int i;

    for(i = 0; i < size - 3; i += 4)
        sum += *((unsigned int*) (data + i));

    sum = (sum & 0xffffffff) + (sum >> 32);
    sum = (sum & 0xffffffff) + (sum >> 32);
    sum = (sum & 0xffff) + (sum >> 16);
    sum = (sum & 0xffff) + (sum >> 16);

    return ~sum;
}

동일한 10k 데이터에 대한 50,000개의 함수 호출: ~2.2초

업데이트:

이 문제는 하드웨어 때문인 것 같습니다.실행 중인 메모리 진단에서 때때로 버스 패리티 오류가 발견되었습니다(이 오류가 32비트 버전에 16비트 버전보다 더 많은 영향을 미치는 이유는 확실하지 않지만 여기에 있습니다).코드는 다른 서버에서 예상대로 실행됩니다.몇 시간 내에 질문을 삭제합니다(하드웨어 관련 문제이므로 더 이상 특별히 유용하지 않습니다).

최종 업데이트:

흥미롭게도, 그것을 대체하는 것.for로 루프합니다.while루프 및 O3 최적화를 사용한 컴파일(64비트 어큐뮬레이터 사례의 경우 아래에 표시됨)을 통해 32비트 및 64비트 어큐뮬레이터 사례가 동일한 속도로 실행됩니다.는 컴파일러가 하게도, , 하파상일▁un이▁not▁thisroll▁does그▁un▁performs▁the은▁it▁some것)forloop을 사용하여 합니다.mmx레지스터...

uint64_t sum = 0;
const uint32_t* dptr = (const uint32_t*) data;

while (size > 3)
{
    sum += (uint32_t) *dptr++;
    size -= 4;
}

이전에도 이와 유사한 문제가 있었습니다. 두 코드 모두에서 문제를 찾을 수 없었습니다.하지만 제게 효과가 있었던 것은 컴파일러를 바꾼 것입니다.

제 생각에는 GCC가 더 이상 사용되지 않는 의회를 작성하고 있는 것 같습니다.

응용프로그램을 압축 해제할 수 있다면 문제를 더 자세히 알아볼 수 있지만 여기에 정보가 부족합니다.

코드를 압축 해제해 보니 전체 메서드를 여러 번 다시 쓰고 있었습니다.하지만 그것은 나만을 위한 것일 수도 있습니다.

이것이 도움이 되었기를 바랍니다, 이것에 대한 정보는 어디에도 없습니다.

만약 제가 학습자의 말에 동의할 것이라고 추측해야 한다면, 저는 디컴파일된 코드가 for 루프를 가리킬 것이라고 확신합니다.이 문제에 관심이 많으니 답변 부탁드립니다.

가능한 답변: "i < size - 1" 조건은 "i < size - 3" 조건보다 더 효율적으로 컴파일되고 실행될 수 있습니다.첫 번째는 상수 3을 어딘가에 로드해야 하는 다른 하나 대신 감소 명령만 필요합니다.이 계산은 반복할 때마다 실행됩니다.이 계산 결과는 다른 곳에 저장해야 합니다.

이것은 while 루프와 관련이 없습니다.while 루프를 다시 작성할 때 반복 조건도 변경하여 위의 원인을 제거했습니다.

저는 또한 루프 외부에서 타이프 캐스팅을 하는 것을 선호하지만, 그것은 또한 한 가지 제한을 드러냅니다 - 당신의 데이터는 다음과 같습니다.

당신은 컴파일러의 일을 어렵게 만들고 있습니까?내부 루프에서 인덱스 스트라이드와 캐스트를 선택하여 바이트 오프셋을 계산합니다.이로 인해 루프가 해제되지 않거나 정렬을 가정하는 다른 최적화가 수행되지 않을 수 있습니다.또한 컴파일러가 주소 지정 모드를 사용하고 유효 주소 자체(또는 LEA it)를 계산하기 위해 나가는 것을 허용하지 않을 수 있습니다.

만약 내가 이것을 하고 있다면, 나는 루프의 맨 위에 있는 데이터 포인터를 당신의 스트라이드 유형에 캐스팅하고 당신의 루프 카운터를 1만큼 늘렸을 것입니다.컴파일러가 조금 더 행복할 수도 있습니다.

char*에서 unsigned int *로 캐스팅되었기 때문에 "for" 루프를 풀 수 없다고 생각합니다.이 경우 완벽한 별칭 분석을 수행할 수 없기 때문에 컴파일러가 코드를 최적화하지 못하는 경우가 많습니다.루프 앞에 추가 로컬 포인터를 선언하여 루프에 캐스트가 없도록 하려면 컴파일러는 "for" 루프를 최적화할 수 있어야 합니다.

sum += *((unsigned int*) (data + i));

저는 그런 출연진을 좋아하지 않습니다.

64비트 어큐뮬레이터 및 32비트 합계

당신이 쓴 이후로:

둘 다 64비트 네이티브 플랫폼(LP64: 짧은 16비트, int 32비트, 긴 > 64비트, 포인터 64비트)에서 실행되는 64비트로 컴파일되었습니다.

(서명되지 않은 long*)을 사용할 것을 제안합니다.어떤 사람들은 실제로 무슨 일이 일어나고 있는지 분해된 코드를 확인하라고 조언했습니다.긴 축전지를 가진 당신의 int* 캐스트 때문인 것 같습니다.

O2<>O3 플래그가 없는 건 어때요?정상 컴파일 모드에서 속도가 얼마나 되는지 보여주시겠습니까?

언급URL : https://stackoverflow.com/questions/21654207/c-64-bit-loop-performance-on-x86

도커 파일에서 도커 인스턴스를 실행하려면 어떻게 해야 합니까?

yoursource — Tue, 15 Aug 2023 15:06:20 +0900

도커 파일에서 도커 인스턴스를 실행하려면 어떻게 해야 합니까?

마침내 도커를 작동시키는 방법을 알아냈습니다.

docker run --name my-forum-nodebb --link my-forum-redis:redis -p 80:80 -p 443:443 -p 4567:4567 -P -t -i nodebb/docker:ubuntu

저는 그것을 레드 디스 인스턴스에 연결했습니다, 멋지네요.

이것은 처음부터 시작한 것이고 제가 redis 인스턴스를 만들었을 때

docker run --name my-forum-redis -d -p 6379:6379 nodebb/docker:ubuntu-redis

원격 레포에서 이미지를 꺼내는 건가요?

NodeBB는 다음을 제공합니다.Dockerfile https://github.com/NodeBB/NodeBB/blob/master/Dockerfile 저는 그것을 어떻게 사용해야 할지 잘 모르겠습니다.리모콘에서 이 도커 파일을 호출하면 어떻게든 로컬 환경을 만들 수 있을 것 같습니다.

이거 맞는건가요?그렇다면 원격을 가리키는 로컬 인스턴스는 어떻게 만들 수 있습니까?

다운로드.`Dockerfile`도커 이미지 구축

다운로드Dockerfile컴퓨터의 디렉터리에 연결하고 동일한 디렉터리에서 다음 명령을 실행합니다.교체해야 합니다.image_name이미지 이름을 지정할 수 있습니다.도커 이미지 이름 지정 제한은 여기에서 확인할 수 있습니다.

docker build --tag 'image_name' .

그러면 로컬 컴퓨터에 컨테이너를 만들 수 있는 이미지가 표시됩니다.이렇게 하려면 다음 명령을 실행해야 합니다.교체해야 합니다.image_name이전 명령에서 이미지 이름을 지정했습니다.

docker run --detach 'image_name'

다른 답변들도 사용할 수 있었지만, 이것은 저에게 큰 도움이 되었습니다. 그래서 저는 여기에도 그것을 넣었습니다.

설명서에서 다음을 참조하십시오.

컨텍스트를 지정하는 대신 URL에서 단일 Docker 파일을 전달하거나 STDIN을 통해 파일을 파이프로 연결할 수 있습니다.STDIN에서 도커 파일을 파이프로 연결하려면:

$ docker build - < Dockerfile

Powershell을 사용하여 다음을 실행할 수 있습니다.

Get-Content Dockerfile | docker build -

빌드가 완료되면 다음 명령을 실행합니다.

docker image ls

다음과 같은 내용이 표시됩니다.

REPOSITORY                 TAG                 IMAGE ID            CREATED             SIZE
<none>                     <none>              123456789        39 seconds ago      422MB

실제 IMAGE ID를 복사한 다음 실행합니다.

docker run 123456789

여기서 끝에 있는 숫자는 이전 단계의 실제 이미지 ID입니다.

이미지 ID를 기억하지 않으려면 다음을 기준으로 이미지에 태그를 지정할 수 있습니다.

docker tag 123456789 pavel/pavel-build

이미지에 태그를 지정합니다.pavel/pavel-build

도커 파일에서 컨테이너를 시작할 수 없습니다.

프로세스는 다음과 같습니다.

도커 파일 =docker builddocker run[]=> 도커 이미지 =[]=> 도커 컨테이너

컨테이너를 시작하거나 실행하려면 이미지가 필요합니다.이미지를 만들려면 도커 파일[1]을 빌드해야 합니다.

: 또한 사용할 수 있습니다.docker import타르볼 등에서 찍은 영상docker load.

간단하고 쉬운 솔루션은 다음과 같습니다.

docker build .
=> ....
=> Successfully built a3e628814c67
docker run -p 3000:3000 a3e628814c67

3000임의의 포트가 될 수 있습니다.

a3e628814c68성공 빌드 명령에 의해 제공된 해시 결과

참고: 도커 파일이 들어 있는 디렉터리 내에 있어야 합니다.

제목이 제가 여기 온 이유입니다. 도커 파일의 컨테이너를 직접 실행합니다.

docker build --no-cache . |  grep "Successfully built" | sed 's/Successfully built //g' | xargs -I{} docker run {}

도커 데스크톱 20.10.8 포함

도커 합성 파일을 사용하여 환경의 이름을 지정하고 구성할 수 있습니다.

services:
    my_instance:
        build:
            context: .
            dockerfile: my_instance.dockerfile

그리고나서docker compose up또는docker compose run /bin/bash뭐 그런 거.

per https://docs.docker.com/compose/compose-file/compose-file-v3/ #computer 파일

폴더 을 볼 수 .E:\Code SAmple\flutqr

빌드 명령

docker build -t fluweb .

fluweb할 수 입니다.
.current .

도커 데스크톱을 보면 릭앤몰티(fluweb 편집) 대신 게시된 이미지를 볼 수 있습니다.

이미지를 다시 실행하려면 실행 버튼을 사용할 수 있습니다.

이 명령을 사용할 수 있습니다.

docker run rickandmorty

생방송입니다.

docker run $(docker build -q .)

언급URL : https://stackoverflow.com/questions/36075525/how-do-i-run-a-docker-instance-from-a-dockerfile

C++에서 C 코드를 사용하는 방법

yoursource — Tue, 15 Aug 2023 15:05:23 +0900

C++에서 C 코드를 사용하는 방법

간단한 질문입니다: C++가 프로그램에서 C 헤더 파일을 사용할 수 있습니까?

이것은 이상한 질문일 수 있습니다. 기본적으로 다른 프로그램(C 언어로 제작)의 소스 코드를 C++로 사용해야 합니다.일반적으로 두 헤더 파일 사이에 차이점이 있습니까?도서관을 바꾸면 어떨까요?저는 당신이 저를 도울 수 있기를 바랍니다.

예, C++ 코드에 C 헤더를 포함할 수 있습니다.다음을 추가하는 것이 일반적입니다.

#ifdef __cplusplus
extern "C"
{
#endif

// C header here

#ifdef __cplusplus
}
#endif

C++ 컴파일러가 함수 선언 등을 C++가 아닌 C로 처리해야 한다는 것을 알 수 있도록 합니다.

C 코드를 프로젝트의 일부로 C++ 코드와 함께 컴파일할 경우, 보통처럼 헤더 파일을 포함하고 C++ 컴파일러 모드를 사용하여 코드를 컴파일해야 합니다. 그러나 일부 C 코드는 C++ 컴파일러로 "깨끗하게" 컴파일되지 않습니다.malloc주조가 필요함).

반면에 라이브러리 또는 프로젝트에 포함되지 않은 다른 코드가 있는 경우 헤더가 다음과 같이 표시되어 있는지 확인해야 합니다.extern "C"그렇지 않으면 컴파일된 함수 이름에 대한 C++ 명명 규칙이 적용되어 C 컴파일러에서 사용하는 명명 규칙과 일치하지 않습니다.

여기에는 두 가지 옵션이 있습니다. 헤더 파일 자체를 편집하거나 추가합니다.

#ifdef __cplusplus 
extern "C" {
#endif

... original content of headerfile goes here. 

#ifdef __cplusplus 
}
#endif

또는 이러한 헤더를 편집할 수 없는 경우 다음 양식을 사용할 수 있습니다.

#ifdef __cplusplus 
extern "C" {
#endif
#include <c_header.h>
#ifdef __cplusplus 
}
#endif

네, 하지만 당신은 C++ 컴파일러에게 헤더의 선언이 C라고 말해야 합니다.

extern "C" {
#include "c-header.h"
}

많은 C 헤더는 이미 포함되어 있으며, 포장되어 있습니다.#if defined __cplusplus그것은 거의 틀림없이 약간 이상하지만(C 헤더의 C++ 구문) 편의를 위해 종종 수행됩니다.

언급URL : https://stackoverflow.com/questions/17448014/how-to-use-c-code-in-c

JQuery 문자열에 검사가 포함되어 있습니다.

yoursource — Tue, 15 Aug 2023 15:04:43 +0900

JQuery 문자열에 검사가 포함되어 있습니다.

문자열에 다른 문자열이 포함되어 있는지 확인해야 합니까?

var str1 = "ABCDEFGHIJKLMNOP";
var str2 = "DEFG";

str1에 str2가 포함되어 있는지 확인하려면 어떤 함수를 사용해야 합니까?

Javascript의 indexOf 함수를 사용할 수 있습니다.

var str1 = "ABCDEFGHIJKLMNOP";
var str2 = "DEFG";
if(str1.indexOf(str2) != -1){
    console.log(str2 + " found");
}

var str1 = "ABCDEFGHIJKLMNOP";
var str2 = "DEFG";

sttr1.search(str2);

일치하는 위치를 반환하거나, 찾을 수 없는 경우 -1을 반환합니다.

시도해 보십시오.

str1.contains(str2)

저는.

var text = "some/String"; text.includes("/") <-- returns bool; true if "/" exists in string, false otherwise.

대/소문자를 구분하는 경우 대/소문자를 변경하고 문자열을 비교합니다.

 if (stringvalue.toLocaleLowerCase().indexOf("mytexttocompare")!=-1)
        {

            alert("found");
        }

언급URL : https://stackoverflow.com/questions/3728022/jquery-string-contains-check

Mocha로 Javascript 테스트 - console.log를 사용하여 테스트를 디버깅하려면 어떻게 해야 합니까?

yoursource — Wed, 26 Jul 2023 22:58:18 +0900

Mocha로 Javascript 테스트 - console.log를 사용하여 테스트를 디버깅하려면 어떻게 해야 합니까?

저는 자바스크립트 테스트 러너 "모카"를 사용하고 있습니다.

실패한 테스트가 있으므로 다음을 사용하여 디버깅하려고 합니다.console.log.

그러나 검정을 실행하면 출력이 없습니다(Mocha의 검정 결과만).모카가 나를 사로잡아 억압한 것 같습니다.console.log출력!

어떻게 하면 모카가 내 출력물을 보여줄 수 있습니까?(실패한 테스트의 경우)?

편집:

대단히 죄송합니다!console.log테스트 중에 작동합니다!출력이 억제될 것으로 예상하고 있었고, 제 코드를 제대로 확인하지 못했습니다.응답해 주셔서 감사합니다.그러니까... 그 말은...어쩌면 실제로 합격한 테스트의 출력을 억제하는 것이 좋을까요?음...

관련 노트:사용하고 싶습니다.console.log왜냐하면 이클립스 디버거를 node.js에 연결하는 데 많은 문제가 있기 때문입니다.

이것을 까다롭게 생각하는 사람은 나뿐입니까?어떻게 node.js를 디버깅합니까?디버거와 함께 또는console.log진술서?

어떤 모카 옵션을 사용하고 있습니까?

혹시 리포터(-R)나 ui(-ui)가 사용되는 것과 관련이 있는 것은 아닐까요?

console.log(msg);

테스트 실행 중에는 잘 작동합니다. 가끔 약간 바보같기도 하지만요.아마도 테스트 실행의 비동기성 때문일 것입니다.

사용 중인 옵션(mocha.opts)은 다음과 같습니다.

--require should
-R spec
--ui bdd

흠.. 그냥 모카 없이 테스트를 해봤어요. 옵스 그리고.console.log여전히 작동합니다.

비동기 코드를 테스트하는 경우, 다음을 배치해야 합니다.done()그 비동기 코드의 콜백에서.REST API에 대한 http 요청을 테스트할 때 문제가 발생했습니다.

당신은 또한 당신의 것을 넣었을지도 모릅니다.console.log로그 라인이 실행되지 않도록 예상이 실패하고 잡히지 않은 후에 실행됩니다.

나는 문제가 있었습니다.node.exe테스트 출력과 같은 프로그램mocha.

저의 경우에는 기본 "node.exe" 별칭을 제거하여 해결했습니다.

Windows용 Git Bash(2.29.2)를 사용하고 있으며 일부 기본 별칭은/etc/profile.d/aliases.sh,

  # show me alias related to 'node'
  $ alias|grep node
  alias node='winpty node.exe'`

별칭을 제거하려면, 업데이트aliases.sh아니면 간단히 하라.

unalias node

왜인지 모르겠다.winpty에 이 부작용이 있습니다.console.info버퍼링되지만 직접 출력node.exe사용, 저는 더 이상 stdout 문제가 없습니다.

debug lib를 사용합니다.

import debug from 'debug'
const log = debug('server');

사용:

log('holi')

그런 다음 실행:

DEBUG=server npm test

그게 다야!

언급URL : https://stackoverflow.com/questions/10666349/testing-javascript-with-mocha-how-can-i-use-console-log-to-debug-a-test

PL/SQL에서 프로시저나 기능을 위해 언제 가야 합니까?

yoursource — Wed, 26 Jul 2023 22:56:43 +0900

PL/SQL에서 프로시저나 기능을 위해 언제 가야 합니까?

저는 PL/SQL에 처음으로 몇 가지 실습 사례를 시도하고 있습니다.
PL PL/SQL 하여 몇 .PROCEDURE&FUNCTION:

▁the?에 가면 됩니까?PROCEDURE또는FUNCTION?

즉, 어떤 작업을 사용하든FUNCTION을 동한작사수여행다니합용하을업일▁using다니▁do를 사용하여 합니다.PROCEDURE그럼 제가 왜 그 기능을 위해 가야 하나요?그들의 장점은 무엇입니까?FUNCTIONPROCEDURE에서? PL/SQL에서?

FUNCTION값을 반환해야 합니다.이것이 기능을 사용하는 유일한 장점입니까, 아니면 다른 기능의 장점이 있습니까?

프로그램 목표에 대해 명확하게 알고 있다면 저장 프로시저 또는 기능을 사용해야 하는지에 대한 답은 전적으로 비즈니스 요구사항과 설계 워크플로우에 따라 달라집니다.만약 당신의 목표에 대해 명확하지 않다면, 당신의 질문과 같은 방식으로, 많은 양의 코딩 절차와 기능은 유용하지 않을 것입니다.

저장 프로시저와 함수는 PL/SQL 프로그래밍에서 서로 다른 용도로 사용됩니다.다음은 다음과 같습니다.

저장 프로시저:

저장 프로시저는 매개 변수를 수락하고 매개 변수에 대해 작업할 수 있는 명명된 블록을 나타냅니다(익명 블록이 아님).

저장 프로시저는 일련의 DML 및/또는 기타 작업을 수행할 수 있는 독립적인 절차 워크플로우를 정의합니다.

저장 프로시저는 값을 반환할 필요가 없습니다.따라서 SQL 문 내부에서 호출할 수 없습니다.저장 프로시저는 PL/SQL 블록 이름 또는 익명으로 실행해야 합니다.

장점:
- 프로시저는 값을 반환할 필요가 없습니다(이것도 단점일 수 있습니다).
- 일련의 DML 또는 DDL 작업을 수행하는 데 사용할 수 있습니다(예, 몇 가지 제한 사항이 있는 동적 SQL을 통해 가능합니다).
- PL/SQL 블록에서 독립적인 문으로 간단히 호출할 수 있습니다.
```
myProcedure (x, y);
```
단점:
- 할 수 없음 - 또는 에서 호출할 수 없음 - DMLSELECT진술.
- 인덱스에 사용할 수 없습니다.
기능:

함수는 매개 변수를 수락하고 값을 반환할 수 있는 블록으로 명명됩니다.

함수는 절차 워크플로우도 정의하지만 SQL 문에 사용할 경우 DML 또는 DDL을 수행할 수 없습니다.

함수가 반환한 값이 사용되는 SQL 또는 PL/SQL 문에서 함수를 호출해야 합니다. 즉, 변수에 할당되거나 매개 변수로 전달되는 등의 값이 사용됩니다.

장점:
- 쿼리 - 또는 - DML에서 할 수 있습니다.SELECT진술.
- 함수가 결정론적인 경우(특정 입력 집합에 대해 함수가 호출될 때마다 동일한 출력을 반환함을 의미) 함수 기반 인덱스에서 사용할 수 있습니다.
단점:
- SQL 쿼리에서 호출되는 함수에 DML이 포함되어 있으면 쿼리가 실패합니다.
- 함수는 값을 반환해야 합니다.따라서 함수 호출은 프로시저 호출처럼 독립적인 문이 될 수 없습니다.

자세한 내용은 Oracle Docs를 참조하십시오.

제한이 특제한사있사정함다의사수있다습니용할음서에수는정용자에 사용할 수 .SELECT 및 PL/ 문 PL/SQLIF에 면에진술은들a.PROCEDURE수 없다.

넌 할 수 있다.SELECT에서.FUNCTION, 그은것입니다.CAST과 파프라인표그리고로서사용을한을 로.PIPE ROW이 기능은 나중에 사용할 수 있는 고급 PL/SQL 기능입니다.

Oracle Developer 설명서는 무료이며 매우 유용하므로 온라인으로 참조하십시오.저장 프로시저 개발 및 사용

함는값반환합니다를 반환합니다.A "value"PL/SQL 표, 참조 커서 등을 포함한 많은 것들 중 하나입니다.또한 SQL 문에서 함수를 사용할 수 있지만 프로시저는 사용할 수 없습니다.
로직을 프로시저를 사용하여 할 수 . 여기서 우리는 절차에서 여러 값을 반환할 수 있습니다.OUT또는IN OUT 매개 변수
개인적으로 저는 계산을 위해 함수를 사용합니다. 예를 들어, 조건에 따라 값을 검색하거나 조건이 참인지 거짓인지 확인하는 것과 같은 특정 조건을 확인합니다.
함수에 DML(삽입, 업데이트, 삭제) 문을 둘 수 있습니다.그러나 SQL 쿼리에서는 이러한 함수를 호출할 수 없습니다.*예: 테이블을 업데이트하는 함수가 있으면 SQL 쿼리에서 해당 함수를 호출할 수 없습니다.
```
select myFunction(field) from sometable; --will throw error.
```

절차 또는 기능을 사용할지 여부는 사용자의 요구 사항과 사용자의 편안함에 따라 선택할 수 있습니다.

주요 이점:

함수는 값을 반환해야 하지만 프로시저는 값을 반환하거나 반환하지 않을 수 있습니다.
주로 값을 계산하는 데 사용되는 함수입니다.반면에 절차는 주로 경영진의 비즈니스 논리에 사용됩니다.
값을 검색하는 함수이며, 값을 곱하는 절차입니다.
함수 값은 하나만 반환해야 하지만 여러 반환 유형을 허용합니다.

함수는 우리가 사용하는 계산 목적에 사용되는 값을 반환해야 합니다.함수 값은 하나만 반환해야 하지만 여러 반환 유형을 허용합니다.함수 우리는 select 문을 사용할 수 있습니다. 프로시저 그것은 값을 반환하거나 반환하지 않을 수 있습니다. 프로시저는 dml 연산을 사용할 수 있습니다. 프로시저만 실행할 수 있습니다.

이 기능보다 절차를 사용하는 것이 더 많은 이점이 있습니다.

execute immediate 문을 사용하여 Dynamically SQL 문을 실행하려면 Procedure를 사용합니다.Function 내부에서는 수행할 수 없습니다.
프로시저는 독립적으로 실행될 수 있지만 함수는 독립적으로 실행될 수 없으므로 실행 가능한 문의 일부여야 합니다.

일부 값을 반환하고 해당 값을 추가로 사용해야 할 경우 언제든지 함수로 이동합니다.일부 값을 최종 결과로 반환하려면 절차를 진행합니다.

물론 함수에서 동적 SQL을 실행할 수 있습니다.테스트를 수행할 수 있는 간단한 기능을 작성하면 작동하는 것을 알 수 있습니다.

대부분의 경우 기능 또는 절차를 사용할 수 있습니다.SQL 문에 사용할지 IF 문에 사용할지 여부와 함수를 사용할지 여부가 다릅니다.그렇지 않으면 사용자와 호출 응용프로그램에 가장 적합한 것을 사용합니다.

언급URL : https://stackoverflow.com/questions/9848926/when-should-i-go-for-procedure-or-function-in-pl-sql

iOS 기기(모바일 Safari)의 입력 필드에서 텍스트를 프로그래밍 방식으로 선택

yoursource — Wed, 26 Jul 2023 22:52:53 +0900

iOS 기기(모바일 Safari)의 입력 필드에서 텍스트를 프로그래밍 방식으로 선택

iOS 기기(예: iPhone, iPad에서 모바일 Safari를 실행하는 경우)에서 입력 필드의 텍스트를 프로그래밍 방식으로 선택하는 방법은 무엇입니까?

일반적으로 전화를 걸면 충분합니다..select()에서 합니다.<input ... />요소입니다. 그러나 이러한 장치에서는 작동하지 않습니다.선택하지 않고 기존 항목의 끝에 커서를 두면 됩니다.

input.setSelectionRange(0, 9999);

https://developer.mozilla.org/en/DOM/Input.select

이 스레드에서는 아무 것도 작동하지 않았습니다. iPad에서 작동하는 것은 다음과 같습니다.

// t is the input field
setTimeout(function() {
    t.setSelectionRange(0, 9999);
}, 1);

이 바이올린을 참조하십시오. (입력 상자에 일부 텍스트를 입력하고 '텍스트 선택'을 클릭

iPod(iOS 6.0.1 5세대)의 입력 상자에서 텍스트를 선택하고 키보드를 열고 잘라내기/복사/제안... 메뉴를 표시합니다.

일반 Javascript를 사용합니다.jQuery에서 시도하지 않았습니다.

document.getElementById("p1").selectionStart = 0
document.getElementById("p1").selectionEnd = 999

999라는 숫자는 단지 샘플일 뿐입니다.이 숫자를 선택할 문자 수로 설정해야 합니다.

업데이트:

iPod 5 - iOS 6.0.1 - 정상 작동.
iPad1 - iOS5.1.1 - 텍스트만 선택됨선택 항목을 한 번 눌러 잘라내기/복사 메뉴 열기
iPad2 - iOS4.3.3 - 텍스트만 선택됨선택 항목을 한 번 눌러 잘라내기/복사 메뉴 열기

두에는 클릭 할 수 있습니다.input

업데이트: (07-10-2013)

iPod5 - iOS7.0.2 - 링크의 피들 사용:입력 상자에서 입력한 텍스트를 볼 수 없습니다.선택을 누르면 facebook.com (?)으로 리디렉션됩니다.뭐라고요?무슨 일이 일어나고 있는지 전혀 모릅니다.

업데이트: (14-11-2013)

iOS 7.0.3 : Binki 업데이트의 코멘트 덕분에..selectionStart그리고..selectionEnd 효과가 있습니다.

업데이트: (15-01-2015)

iOS 8.x.x : Michael Siebert의 코멘트 덕분입니다.코멘트에서 발췌:포커스와 클릭 이벤트를 모두 청취한 다음 Timeout/.debounce를 설정하여 두 경우 모두 작동하도록 해야 했습니다. 탭핑을 통해 입력을 클릭하거나 포커스를 선택합니다.

부정적인 것을 증명하기는 어렵지만, 제 연구에 따르면 이것은 모바일 사파리의 버그입니다.

포커스()는 어느 정도 작동합니다. 성공하려면 두 번 이상의 탭이 필요할 수 있으며, 탭 자체가 필드 포커스를 제공하므로 해당 필드의 사용자 탭에 응답할 필요가 없습니다.안타깝게도 select()는 Mobile Safari에서 단순히 작동하지 않습니다.

당신의 최선의 방법은 Apple의 버그 보고서일 수 있습니다.

죄송합니다, 이전 게시물에서 당신이 자바스크립트로 답변을 원한다는 자바스크립트를 보지 못했습니다.

자바스크립트로 UIWebView에서 원하는 것을 얻기 위해, 저는 그것을 작동시키기 위해 두 개의 중요한 정보를 긁어모았습니다.모바일 브라우저에 대해 잘 모르겠습니다.

element.setSelectionRange(0,9999);우리가 원하는 것을 합니다.
mouseUp 이벤트가 선택을 취소하는 중입니다.

따라서(프로토타입 사용):

input.module', function{이것.선택 범위 설정(0, 9999);});input. ('mouseobserveup', 함수(이벤트) {event.stop();});

요령을 터득합니다.

맷

포커스가 작동하는 것처럼 보이지만 기본 이벤트에서 직접 호출해야 합니다. SetTimeout과 같은 것을 사용하여 포커스를 호출하는 것은 키보드를 불러오는 것처럼 보이지 않습니다.ios 키보드의 컨트롤이 매우 좋지 않습니다.상황이 좋지 않습니다.

저는 이 해결책을 찾느라 정신이 없었지만, 당신의 모든 답변이 저에게 또 다른 골칫거리를 열어주었습니다.

고객은 사용자가 iPad(외부 키보드 포함)에서 모두를 클릭하고 선택할 수 있기를 원했습니다.알아요, 미쳤어요...)

이 문제에 대한 저의 해결책은 사건들을 다시 정리하는 것이었습니다.Focus(포커스), Click(클릭), start(시작)를 차례로 누릅니다.

$('#myFUBARid').on('focus click touchstart', function(e){
  $(this).get(0).setSelectionRange(0,9999);
  //$(this).css("color", "blue");
  e.preventDefault();
});

여러분들이 저를 수없이 도와주셨듯이, 저는 이것이 누군가에게 도움이 되기를 바랍니다.

Android 2.2와 함께 제공되는 Webkit에서는 다음과 같은 기능이 작동합니다.

function trySelect(el) {
    setTimeout(function() {
        try {
            el.select();
        } catch (e) {
        }
    }, 0);
}

크롬 문제 32865를 참조하십시오.

iPad에서 iOS 7을 사용하여 이 작업을 수행할 수 있었던 유일한 방법은 실제로 사용하는 것이었습니다.<textarea></textarea>대신에<input>들판.

예.

<textarea onclick="this.setSelectionRange(0, 9999);">My text will be selected when textarea is clicked.</textarea>

텍스트 영역을 읽기만 하면 선택 트릭이 더 이상 작동하지 않기 때문에 사용자가 영역 내에서 텍스트를 변경하지 못하게 하는 방법이 더 어려웠습니다.

HTML5 호환 브라우저를 사용하는 경우placeholder="xxx"당신의input꼬리표. 그걸로 충분할 겁니다.

언급URL : https://stackoverflow.com/questions/3272089/programmatically-selecting-text-in-an-input-field-on-ios-devices-mobile-safari

jQuery를 사용하여 요소를 자동 높이로 애니메이션화

yoursource — Wed, 26 Jul 2023 22:50:51 +0900

jQuery를 사용하여 요소를 자동 높이로 애니메이션화

나는 애니메이션을 원합니다.<div>200pxauto. 잘것요.하지만 잘 될 것 같지는 않아요.방법 아는 사람?

코드는 다음과 같습니다.

$("div:first").click(function(){
  $("#first").animate({
    height: "auto"
  }, 1000 );
});

현재 높이 저장:
```
var curHeight = $('#first').height();
```
높이를 일시적으로 자동으로 전환:
```
$('#first').css('height', 'auto');
```
자동 높이 가져오기:
```
var autoHeight = $('#first').height();
```
으로 다시 합니다.curHeight에 애니메이션을 제공합니다.autoHeight:
```
$('#first').height(curHeight).animate({height: autoHeight}, 1000);
```

그리고 함께:

var el = $('#first'),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 1000);

IMO 이것은 가장 깨끗하고 쉬운 솔루션입니다.

$("#first").animate({height: $("#first").get(0).scrollHeight}, 1000 );

: 되었을 때 있습니다.DOM은 자동 높이로 설정될 때 확장된 div의 크기를 초기 렌더링을 통해 이미 알고 있습니다.에 "DOM 파일"로 됩니다.scrollHeight는 jQueryElement를 DOMElement로 .get(0)그러면 우리는 그 재산에 접근할 수 있습니다.

높이를 자동으로 설정하는 콜백 기능을 추가하면 애니메이션이 완료된 후 응답성이 향상됩니다(크레딧 크리스 윌리엄스).

$('#first').animate({
    height: $('#first').get(0).scrollHeight
}, 1000, function(){
    $(this).height('auto');
});

이것은 기본적으로 Box9의 답변과 동일한 접근 방식이지만 일반 애니메이션과 동일한 인수를 사용하는 멋진 jquery 플러그인으로 포장했습니다. 더 많은 애니메이션 매개 변수가 필요하고 동일한 코드를 반복하는 것에 지칠 때를 위해:

;(function($)
{
  $.fn.animateToAutoHeight = function(){
  var curHeight = this.css('height'),
      height = this.css('height','auto').height(),
      duration = 200,
      easing = 'swing',
      callback = $.noop,
      parameters = { height: height };
  this.css('height', curHeight);
  for (var i in arguments) {
    switch (typeof arguments[i]) {
      case 'object':
        parameters = arguments[i];
        parameters.height = height;
        break;
      case 'string':
        if (arguments[i] == 'slow' || arguments[i] == 'fast') duration = arguments[i];
        else easing = arguments[i];
        break;
      case 'number': duration = arguments[i]; break;
      case 'function': callback = arguments[i]; break;
    }
  }
  this.animate(parameters, duration, easing, function() {
    $(this).css('height', 'auto');
    callback.call(this, arguments);
  });
  return this;
  }
})(jQuery);

편집: 체인이 가능하고 깨끗합니다.

더 나은 솔루션은 요소의 높이를 설정하는 데 JS를 사용하지 않는 것입니다.다음은 고정 높이 요소를 전체 높이("자동")로 애니메이션화하는 솔루션입니다.

var $selector = $('div');
    $selector
        .data('oHeight',$selector.height())
        .css('height','auto')
        .data('nHeight',$selector.height())
        .height($selector.data('oHeight'))
        .animate({height: $selector.data('nHeight')},400);

https://gist.github.com/2023150

이것은 효과적이며 이전의 솔루션보다 간단합니다.

CSS:

#container{
  height:143px;  
}

.max{
  height: auto;
  min-height: 143px;
}

JS:

$(document).ready(function() {
    $("#container").click(function() {      
        if($(this).hasClass("max")) {
            $(this).removeClass("max");
        } else {
            $(this).addClass("max");
        }

    })
});

참고: 이 솔루션에는 jQuery UI가 필요합니다.

var h = document.getElementById('First').scrollHeight;
$('#First').animate({ height : h+'px' },300);

항상 #의 자식 요소를 먼저 래핑하고 래퍼의 높이를 변수로 저장할 수 있습니다.이것이 가장 예쁘거나 가장 효율적인 대답은 아닐 수도 있지만, 효과적입니다.

여기 재설정을 포함한 바이올린이 있습니다.

하지만 당신의 목적을 위해, 여기에 고기와 감자가 있습니다.

$(function(){
//wrap everything inside #first
$('#first').children().wrapAll('<div class="wrapper"></div>');
//get the height of the wrapper 
var expandedHeight = $('.wrapper').height();
//get the height of first (set to 200px however you choose)
var collapsedHeight = $('#first').height();
//when you click the element of your choice (a button in my case) #first will animate to height auto
$('button').click(function(){
    $("#first").animate({
        height: expandedHeight            
    })
});
});

slideDown 및 slideUp 사용

$("div:first").click(function(){ $("#first").slideDown(1000); });

저는 가까스로 그것을 고쳤습니다: 코드를 삭제합니다.

var divh = document.getElementById('first').offsetHeight;
$("#first").css('height', '100px');
$("div:first").click(function() {
  $("#first").animate({
    height: divh
  }, 1000);
});

높이를 다시 auto로 설정하는 콜백을 추가하여 창 크기 변경에 대응하는 Liquinaut의 응답을 만들 수 있습니다.

$("#first").animate({height: $("#first").get(0).scrollHeight}, 1000, function() {$("#first").css({height: "auto"});});

기본적으로 높이 자동은 요소가 렌더링된 후에만 사용할 수 있습니다.고정 높이를 설정하거나 요소가 표시되지 않으면 트릭 없이 액세스할 수 없습니다.

다행히도 당신이 사용할 수 있는 몇 가지 속임수가 있습니다.

요소를 복제하여 뷰 외부에 표시하고 높이를 자동으로 지정하면 해당 요소를 복제본에서 가져와 나중에 기본 요소에 사용할 수 있습니다.저는 이 기능을 사용하는데 잘 작동하는 것 같습니다.

jQuery.fn.animateAuto = function(prop, speed, callback){
    var elem, height, width;

    return this.each(function(i, el){
        el = jQuery(el), elem =    el.clone().css({"height":"auto","width":"auto"}).appendTo("body");
        height = elem.css("height"),
        width = elem.css("width"),
        elem.remove();

        if(prop === "height")
            el.animate({"height":height}, speed, callback);
        else if(prop === "width")
            el.animate({"width":width}, speed, callback);  
        else if(prop === "both")
            el.animate({"width":width,"height":height}, speed, callback);
    });   
}

용도:

$(".animateHeight").bind("click", function(e){
    $(".test").animateAuto("height", 1000); 
});

$(".animateWidth").bind("click", function(e){
    $(".test").animateAuto("width", 1000);  
});

$(".animateBoth").bind("click", function(e){
    $(".test").animateAuto("both", 1000); 
});

선택한 항목이 일치하지 않습니다.당신의 요소는 ID가 'first'인가요, 아니면 모든 div의 첫 번째 요소인가요?

더 안전한 해결책은 '이것'을 사용하는 것입니다.

// assuming the div you want to animate has an ID of first
$('#first').click(function() {
  $(this).animate({ height : 'auto' }, 1000);
});

다음 작업을 언제든지 수행할 수 있습니다.

jQuery.fn.animateAuto = function(prop, speed, callback){
var elem, height, width;
return this.each(function(i, el){
    el = jQuery(el), elem = el.clone().css({"height":"auto","width":"auto"}).appendTo("body");
    height = elem.css("height"),
    width = elem.css("width"),
    elem.remove();

    if(prop === "height")
        el.animate({"height":height}, speed, callback);
    else if(prop === "width")
        el.animate({"width":width}, speed, callback);  
    else if(prop === "both")
        el.animate({"width":width,"height":height}, speed, callback);
});  
}

여기 바이올린이 있습니다: http://jsfiddle.net/Zuriel/faE9w/2/

이거 드셔보세요.

var height;
$(document).ready(function(){
    $('#first').css('height','auto');
    height = $('#first').height();
    $('#first').css('height','200px');
})

 $("div:first").click(function(){
  $("#first").animate({
    height: height
  }, 1000 );
});

BORDER-BOX와 함께 작동하는...

안녕 친구들.제가 위해 플러그인이 , 이 은 여기제작플 jQuery 이 있을 때 합니다. 동일한 작업을 수행하기 위해 작성했지만, 사용자가 사용할 때 발생할 높이 차이도 설명합니다.box-sizing로 설정한.border-box.

요소를 y축을 따라 축소하여 숨기는 "yShrinkOut" 플러그인도 포함했습니다.

// -------------------------------------------------------------------
// Function to show an object by allowing it to grow to the given height value.
// -------------------------------------------------------------------
$.fn.yGrowIn = function (growTo, duration, whenComplete) {

    var f = whenComplete || function () { }, // default function is empty
        obj = this,
        h = growTo || 'calc', // default is to calculate height
        bbox = (obj.css('box-sizing') == 'border-box'), // check box-sizing
        d = duration || 200; // default duration is 200 ms

    obj.css('height', '0px').removeClass('hidden invisible');
    var padTop = 0 + parseInt(getComputedStyle(obj[0], null).paddingTop), // get the starting padding-top
        padBottom = 0 + parseInt(getComputedStyle(obj[0], null).paddingBottom), // get the starting padding-bottom
        padLeft = 0 + parseInt(getComputedStyle(obj[0], null).paddingLeft), // get the starting padding-left
        padRight = 0 + parseInt(getComputedStyle(obj[0], null).paddingRight); // get the starting padding-right
    obj.css('padding-top', '0px').css('padding-bottom', '0px'); // Set the padding to 0;

    // If no height was given, then calculate what the height should be.
    if(h=='calc'){ 
        var p = obj.css('position'); // get the starting object "position" style. 
        obj.css('opacity', '0'); // Set the opacity to 0 so the next actions aren't seen.
        var cssW = obj.css('width') || 'auto'; // get the CSS width if it exists.
        var w = parseInt(getComputedStyle(obj[0], null).width || 0) // calculate the computed inner-width with regard to box-sizing.
            + (!bbox ? parseInt((getComputedStyle(obj[0], null).borderRightWidth || 0)) : 0) // remove these values if using border-box.
            + (!bbox ? parseInt((getComputedStyle(obj[0], null).borderLeftWidth || 0)) : 0) // remove these values if using border-box.
            + (!bbox ? (padLeft + padRight) : 0); // remove these values if using border-box.
        obj.css('position', 'fixed'); // remove the object from the flow of the document.
        obj.css('width', w); // make sure the width remains the same. This prevents content from throwing off the height.
        obj.css('height', 'auto'); // set the height to auto for calculation.
        h = parseInt(0); // calculate the auto-height
        h += obj[0].clientHeight // calculate the computed height with regard to box-sizing.
            + (bbox ? parseInt((getComputedStyle(obj[0], null).borderTopWidth || 0)) : 0) // add these values if using border-box.
            + (bbox ? parseInt((getComputedStyle(obj[0], null).borderBottomWidth || 0)) : 0) // add these values if using border-box.
            + (bbox ? (padTop + padBottom) : 0); // add these values if using border-box.
        obj.css('height', '0px').css('position', p).css('opacity','1'); // reset the height, position, and opacity.
    };

    // animate the box. 
    //  Note: the actual duration of the animation will change depending on the box-sizing.
    //      e.g., the duration will be shorter when using padding and borders in box-sizing because
    //      the animation thread is growing (or shrinking) all three components simultaneously.
    //      This can be avoided by retrieving the calculated "duration per pixel" based on the box-sizing type,
    //      but it really isn't worth the effort.
    obj.animate({ 'height': h, 'padding-top': padTop, 'padding-bottom': padBottom }, d, 'linear', (f)());
};

// -------------------------------------------------------------------
// Function to hide an object by shrinking its height to zero.
// -------------------------------------------------------------------
$.fn.yShrinkOut = function (d,whenComplete) {
    var f = whenComplete || function () { },
        obj = this,
        padTop = 0 + parseInt(getComputedStyle(obj[0], null).paddingTop),
        padBottom = 0 + parseInt(getComputedStyle(obj[0], null).paddingBottom),
        begHeight = 0 + parseInt(obj.css('height'));

    obj.animate({ 'height': '0px', 'padding-top': 0, 'padding-bottom': 0 }, d, 'linear', function () {
            obj.addClass('hidden')
                .css('height', 0)
                .css('padding-top', padTop)
                .css('padding-bottom', padBottom);
            (f)();
        });
};

기본값을 사용하기 위해 사용한 매개 변수를 생략하거나 null로 설정할 수 있습니다.사용한 매개 변수:

growTo: 모든 계산을 재정의하고 개체가 커질 CSS 높이를 설정하려면 이 매개 변수를 사용합니다.
기간:애니메이션의 지속 시간입니다.
완료된 경우:애니메이션이 완료되면 실행할 기능입니다.

저는 이 기능이 한 페이지에 있는 여러 읽기 영역에서 워드프레스 단축 코드로 구현하기 위해 필요했습니다. 같은 문제가 발생했습니다.

기술적으로 페이지의 모든 읽기 범위는 높이가 고정되어 있습니다.저는 토글을 사용하여 자동 높이로 개별적으로 확장할 수 있기를 원했습니다.첫 번째 클릭: '텍스트 범위의 전체 높이로 확장', 두 번째 클릭: '기본 높이인 70px로 축소'

HTML

 <span class="read-more" data-base="70" data-height="null">
     /* Lots of text determining the height of this span */
 </span>
 <button data-target='read-more'>Read more</button>

CSS

span.read-more {
    position:relative;
    display:block;
    overflow:hidden;
}

그래서 이 위는 매우 단순해 보입니다.data-base속성 필요한 고정 높이를 설정해야 합니다.data-height요소의 실제(동적) 높이를 저장하는 데 사용되는 속성입니다.

jQuery 파트

jQuery(document).ready(function($){

  $.fn.clickToggle = function(func1, func2) {
      var funcs = [func1, func2];
      this.data('toggleclicked', 0);
      this.click(function() {
          var data = $(this).data();
          var tc = data.toggleclicked;
          $.proxy(funcs[tc], this)();
          data.toggleclicked = (tc + 1) % 2;
      });
      return this;
  };

    function setAttr_height(key) {
        $(key).each(function(){
            var setNormalHeight = $(this).height();
            $(this).attr('data-height', setNormalHeight);
            $(this).css('height', $(this).attr('data-base') + 'px' );
        });
    }
    setAttr_height('.read-more');

    $('[data-target]').clickToggle(function(){
        $(this).prev().animate({height: $(this).prev().attr('data-height')}, 200);
    }, function(){
        $(this).prev().animate({height: $(this).prev().attr('data-base')}, 200);
    });

});

첫 번째와 두 번째 클릭에 클릭 토글 기능을 사용했습니다.합니다: 두번째기더중니다합요능이다▁the▁is니.setAttr_height() 두모.read-more됩니다.base-height.그 후 함수를 통해 합니다.그 후 jquery css 함수를 통해 기본 높이가 설정됩니다.

두 속성을 모두 설정하면 이제 두 속성을 원활하게 전환할 수 있습니다.만 합니다.data-base원하는 (고정된) 높이로 이동하고 자신의 ID에 대한 .read-more 클래스를 전환합니다.

당신은 모두 바이올린으로 작동하는 것을 볼 수 있습니다.

jQuery UI가 필요하지 않음

슬라이드 전환(Box9의 응답 확장)

$("#click-me").click(function() {
  var el = $('#first'),
  curHeight = el.height(),
  autoHeight = el.css('height', 'auto').height(),
  finHeight = $('#first').data('click') == 1 ? "20px" : autoHeight;
  $('#first').data('click', $(this).data('click') == 1 ? false : true);
  el.height(curHeight).animate({height: finHeight});
});

#first {width: 100%;height: 20px;overflow:hidden;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="first">
  <div id="click-me">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
</div>

만약 당신이 원하는 것이 단지 div를 보여주고 숨기는 것이라면, 이 코드는 당신이 jQuery를 애니메이션으로 사용할 수 있게 해줄 것입니다.jQuery가 원하는 높이의 대부분을 애니메이션으로 만들거나 애니메이션을 0px로 만들어 애니메이션을 속일 수 있습니다. jQuery는 자동으로 변환하기 위해 jQuery가 설정한 높이만 있으면 됩니다.따라서 .animate는 .vmx(높이:auto)가 변환하는 요소에 style="를 추가합니다.

제가 본 이 작업 중 가장 깨끗한 방법은 예상되는 높이까지 애니메이션을 만든 다음 자동으로 설정하고 올바르게 수행하면 매우 매끄럽게 보일 수 있습니다.여러분은 심지어 여러분이 기대하는 것을 애니메이션으로 만들 수도 있고, 그러면 그것은 빠르게 되돌아 올 것입니다.0의 지속 시간 동안 0px로 애니메이션을 만들면 요소 높이가 자동 높이로 떨어지게 됩니다.인간의 눈에는, 어쨌든 그것은 활기차게 보입니다.즐기세요..

    jQuery("div").animate({
         height: "0px"/*or height of your choice*/
    }, {
         duration: 0,/*or speed of your choice*/
         queue: false, 
         specialEasing: {
             height: "easeInCirc"
        },
         complete: function() {
             jQuery(this).css({height:"auto"});
        }
    });

죄송합니다. 오래된 게시물인 것은 알고 있지만, 이 게시물을 접한 jQuery에서 이 기능을 여전히 사용하는 사용자와 관련이 있을 것이라고 생각했습니다.

이 스레드가 오래되었음에도 불구하고 이 답변을 게시합니다.저는 저를 위해 일할 수 있는 승인된 답변을 얻지 못했습니다.이것은 잘 작동하고 꽤 간단합니다.

내가 원하는 각 div의 높이를 데이터에 로드합니다.

$('div').each(function(){
    $(this).data('height',$(this).css('height'));
    $(this).css('height','20px');
});

그러면 저는 클릭해서 애니메이션을 할 때 그것을 사용합니다.

$('div').click(function(){
    $(this).css('height',$(this).data('height'));
});

나는 CSS 전환을 사용하고 있어서 jQuery animate를 사용하지 않지만, 당신은 똑같이 animate를 할 수 있습니다.

데이터 속성에 저장할 수 있습니다.

$('.colapsable').each(function(){
    $(this).attr('data-oheight',$(this).height());
    $(this).height(100);
});

$('.colapsable h2:first-child').click(function(){
    $(this).parent('.colapsable').animate({
            height: $(this).parent('.colapsible').data('oheight')
        },500);
    }
});

저는 제가 찾던 것을 정확하게 해주고 멋져 보이는 것을 조립했습니다.요소의 스크롤 높이를 사용하면 DOM에 로드되었을 때의 높이를 얻을 수 있습니다.

 var clickers = document.querySelectorAll('.clicker');
    clickers.forEach(clicker => {
        clicker.addEventListener('click', function (e) {
            var node = e.target.parentNode.childNodes[5];
            if (node.style.height == "0px" || node.style.height == "") {
                $(node).animate({ height: node.scrollHeight });
            }
            else {
                $(node).animate({ height: 0 });
            }
        });
    });

.answer{
        font-size:15px;
        color:blue;
        height:0px;
        overflow:hidden;
       
    }

 <div class="row" style="padding-top:20px;">
                <div class="row" style="border-color:black;border-style:solid;border-radius:4px;border-width:4px;">
                    <h1>This is an animation tester?</h1>
                    <span class="clicker">click me</span>
                    <p class="answer">
                        I will be using this to display FAQ's on a website and figure you would like this.  The javascript will allow this to work on all of the FAQ divs made by my razor code.  the Scrollheight is the height of the answer element on the DOM load.  Happy Coding :)
                         Lorem ipsum dolor sit amet, mea an quis vidit autem. No mea vide inani efficiantur, mollis admodum accusata id has, eam dolore nemore eu. Mutat partiendo ea usu, pri duis vulputate eu. Vis mazim noluisse oportere id. Cum porro labore in, est accumsan euripidis scripserit ei. Albucius scaevola elaboraret usu eu. Ad sed vivendo persecuti, harum movet instructior eam ei.
                    </p>
                </div>
            </div>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

언급URL : https://stackoverflow.com/questions/5003220/animate-element-to-auto-height-with-jquery

Angular 2 테스트 - 비동기 함수 호출 - 사용 시기

yoursource — Wed, 26 Jul 2023 22:48:43 +0900

Angular 2 테스트 - 비동기 함수 호출 - 사용 시기

Angular 2에서 테스트할 때 Test Bed에서 비동기 기능을 사용하는 경우는 언제입니까?

이것은 언제 사용합니까?

 beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [MyModule],
            schemas: [NO_ERRORS_SCHEMA],
        });
    });

그리고 이것은 언제 사용하나요?

beforeEach(async(() => {
    TestBed.configureTestingModule({
        declarations: [MyModule],
        schemas: [NO_ERRORS_SCHEMA],
    });
}));

누가 이것에 대해 가르쳐 줄 수 있습니까?

async다음 테스트는 다음 테스트가 시작될 때까지 허용하지 않습니다.async모든 작업을 마칩니다.무엇을async는 모든 비동기 작업(예: 영역)에서 콜백을 래핑합니다.setTimeout)이 추적됩니다.모든 비동기 작업이 완료되면,async완료합니다.

만약 당신이 Angular 밖에서 Jasmine과 함께 일한 적이 있다면, 당신은 아마도 본 적이 있을 것입니다.done콜백으로 전달됨

it('..', function(done) {
  someAsyncAction().then(() => {
    expect(something).toBe(something);
    done();
  });
});

자, 여기는 자스민 원주민입니다. 자스민에게 이 테스트는 우리가 전화를 할 때까지 완료를 연기해야 한다고 말합니다.done()우리가 전화하지 않았다면.done()대신 이렇게 했습니다.

it('..', function() {
  someAsyncAction().then(() => {
    expect(something).toBe(something);
  });
});

테스트가 동기화 작업 실행을 마친 후 약속이 해결되기 때문에 예상보다 먼저 테스트가 완료됩니다.

Angular(Jasmine 환경에서)를 사용하면 Angular가 실제로 호출합니다.done을 사용할 때는 뒤에서async영역에 있는 모든 비동기 작업을 추적하고 모든 작업이 완료되면done뒤에서 호출될 것입니다.

당신의 경우에는.TestBed구성, 당신은 당신이 원할 때 이것을 일반적으로 사용할 것입니다.compileComponents저는 그것을 다르게 불러야 하는 상황에 거의 마주치지 않습니다.

beforeEach(async(() => {
   TestBed.configureTestingModule({
     declarations: [MyModule],
     schemas: [NO_ERRORS_SCHEMA],
   })
   .compileComponent().then(() => {
      fixture = TestBed.createComponent(TestComponent);
   });
}));

를 사용하는 구성 요소를 테스트할 때templateUrl(웹 팩을 사용하지 않는 경우), Angular는 템플릿을 가져오기 위해 XHR 요청을 해야 하므로 구성 요소의 컴파일이 비동기식이 됩니다.따라서 문제가 해결될 때까지 기다렸다가 테스트를 계속해야 합니다.

테스트에서 비동기 호출을 할 때 실제 테스트 기능은 비동기 호출이 완료되기 전에 완료됩니다.통화가 완료되었을 때 상태를 확인해야 하는 경우(일반적으로 이 경우), 테스트 프레임워크는 비동기 작업이 진행 중인 동안 테스트가 완료된 것으로 보고합니다.

사용 시async(...)테스트 프레임워크에 반환 약속 또는 관찰 가능한 항목이 완료될 때까지 기다리도록 지시한 후 테스트를 완료된 것으로 처리합니다.

it('should show quote after getQuote promise (async)', async(() => {
  fixture.detectChanges();

  fixture.whenStable().then(() => { // wait for async getQuote
    fixture.detectChanges();        // update view with quote
    expect(el.textContent).toBe(testQuote);
  });
}));

코드가 전달되었습니다.then(...)테스트 기능 자체가 완료된 후에 실행됩니다.와 함께async()테스트 프레임워크가 완료된 것으로 처리하기 전에 약속 및 관찰 가능한 항목이 완료될 때까지 기다려야 한다는 것을 인식시킵니다.

참고 항목

https://angular.io/guide/testing#async

언급URL : https://stackoverflow.com/questions/40126729/angular-2-testing-async-function-call-when-to-use

Xampp Code Igniter 3 + MariaDB 프로젝트를 github에 푸시하는 이상적인 방법은 무엇입니까?

yoursource — Wed, 26 Jul 2023 22:47:34 +0900

Xampp Code Igniter 3 + MariaDB 프로젝트를 github에 푸시하는 이상적인 방법은 무엇입니까?

저는 Xampp, Code Igniter 3, MariaDB를 사용하여 첫 번째 프로젝트를 진행하고 있습니다.

이 프로젝트는 제 기계에서 잘 작동하고 있지만, 이 프로젝트를 github에 올바르게 업로드하고 싶습니다.

정확히 말하자면, 내 말은:

다른 사용자의 PC에서 실행되는 프로젝트의 필요한 파일을 모두 업로드합니다.

프로젝트에 필요한 모든 파일이 이 두 폴더 안에 있다고 생각합니다. 데이터베이스 파일: xampp/mysql/data/order_system Code Igniter 파일: xampp/htdocs/ci/order_system

저의 주요 문제는 이 두 개의 메인 폴더만 github에 업로드해야 하는가 입니다.그럼 뭐예요?프로젝트를 수행하기 위해 누군가가 폴더를 붙여넣어야 하는 위치를 알려주는 것이 이상적입니다.

아니면 내가 나의 모든 xampp 폴더를 업로드합니까?(저는 그렇지 않다고 생각해요, 하하)

아니면 전체 xampp 폴더 구조만 업로드하고 두 개의 메인(order_system) 폴더 안에 있는 내용/파일만 업로드합니까?

몇 가지 배경을:저는 git/github에 대한 지식이 거의 없으며 이번 프로젝트가 저의 첫 CI+Xapp 프로젝트입니다.

질문이 혼란스러웠다면 사과드립니다.저는 그것을 제대로 설명하기 위한 중요한 git/github 이해가 부족했습니다.

하지만 어쨌든, 저는 이 4가지 주요 단계를 수행함으로써 해결책을 생각해냈습니다.

github에 리포지토리를 만들고 xampp\htdocs\codeigniter3\ 내부의 폴더에 연결했습니다.
프로젝트의 폴더 안에 모든 응용 프로그램 파일(index.php, 응용 프로그램 폴더 및 파일, composer.json 등)을 넣었습니다.
데이터베이스와 같은 다른 리소스의 경우 기본 프로젝트 폴더에 이름 자산을 가진 다른 폴더를 만들었습니다.그런 다음 프로젝트를 실행하는 데 필요한 파일을 넣었습니다(예: ).필요한 모든 쿼리가 포함된 SQL).
github README 파일에 실행 지침을 나열했습니다.자산 폴더 내의 SQL 쿼리와 사용된 모든 기술이 나열되어 있습니다(따라서 사용된 데이터베이스 또는 xampp/php 버전과 관련하여 혼동이 없습니다).

이것이 최선의 접근법인지는 잘 모르겠지만, 저의 필요성과 주제에 대한 연구를 바탕으로, 제가 생각해낸 것은 이것이고, 기능적인 해결책이었습니다.

언급URL : https://stackoverflow.com/questions/75898595/what-is-the-ideal-way-to-push-a-xampp-code-igniter-3-mariadb-project-to-github

python 사전에서 속성 설정

yoursource — Wed, 26 Jul 2023 22:46:35 +0900

python 사전에서 속성 설정

각 키가 해당 개체의 속성이 되는 방식으로 파이썬 사전에서 개체를 만드는 것이 가능합니까?

이와 같은 것:

 d = { 'name': 'Oscar', 'lastName': 'Reyes', 'age':32 }

 e = Employee(d) 
 print e.name # Oscar 
 print e.age + 10 # 42

저는 이 질문과 거의 반대일 것이라고 생각합니다.개체 필드의 Python 사전

물론, 다음과 같은 것이 있습니다.

class Employee(object):
    def __init__(self, initial_data):
        for key in initial_data:
            setattr(self, key, initial_data[key])

갱신하다

Brent Nash가 제안하는 것처럼 키워드 인수도 허용하여 이를 보다 유연하게 만들 수 있습니다.

class Employee(object):
    def __init__(self, *initial_data, **kwargs):
        for dictionary in initial_data:
            for key in dictionary:
                setattr(self, key, dictionary[key])
        for key in kwargs:
            setattr(self, key, kwargs[key])

그러면 다음과 같이 부를 수 있습니다.

e = Employee({"name": "abc", "age": 32})

이런 식으로.

e = Employee(name="abc", age=32)

심지어 이렇게도:

employee_template = {"role": "minion"}
e = Employee(employee_template, name="abc", age=32)

이러한 방식으로 속성을 설정하는 것은 문제를 해결하는 최선의 방법이 아닙니다.다음 중 하나:

여러분은 모든 분야가 시간보다 앞서야 하는 것을 알고 있습니다.이 경우 모든 특성을 명시적으로 설정할 수 있습니다.이것은 다음과 같습니다.

class Employee(object):
    def __init__(self, name, last_name, age):
        self.name = name
        self.last_name = last_name
        self.age = age

d = {'name': 'Oscar', 'last_name': 'Reyes', 'age':32 }
e = Employee(**d) 

print e.name # Oscar 
print e.age + 10 # 42

또는

당신은 모든 분야가 시간보다 앞서야 하는 것이 무엇인지 모릅니다.이 경우 데이터를 개체 네임스페이스를 오염시키는 대신 딕트로 저장해야 합니다.속성은 정적 액세스를 위한 것입니다.이 사건은 다음과 같이 보입니다.
```
class Employee(object):
    def __init__(self, data):
        self.data = data

d = {'name': 'Oscar', 'last_name': 'Reyes', 'age':32 }
e = Employee(d) 

print e.data['name'] # Oscar 
print e.data['age'] + 10 # 42 
```

기본적으로 사례 1과 동일한 또 다른 솔루션은 다음을 사용하는 것입니다.collections.namedtuple구현 방법은 Van의 답변을 참조하십시오.

다음을 사용하여 개체의 특성에 액세스할 수 있습니다.__dict__업데이트 방법을 호출합니다.

>>> class Employee(object):
...     def __init__(self, _dict):
...         self.__dict__.update(_dict)
... 


>>> dict = { 'name': 'Oscar', 'lastName': 'Reyes', 'age':32 }

>>> e = Employee(dict)

>>> e.name
'Oscar'

>>> e.age
32

속성 이름을 사전의 키로 사용하는 것이 어떻습니까?

class StructMyDict(dict):

     def __getattr__(self, name):
         try:
             return self[name]
         except KeyError as e:
             raise AttributeError(e)

     def __setattr__(self, name, value):
         self[name] = value

명명된 인수, 튜플 목록, 사전 또는 개별 속성 할당을 사용하여 초기화할 수 있습니다. 예:

nautical = StructMyDict(left = "Port", right = "Starboard") # named args

nautical2 = StructMyDict({"left":"Port","right":"Starboard"}) # dictionary

nautical3 = StructMyDict([("left","Port"),("right","Starboard")]) # tuples list

nautical4 = StructMyDict()  # fields TBD
nautical4.left = "Port"
nautical4.right = "Starboard"

for x in [nautical, nautical2, nautical3, nautical4]:
    print "%s <--> %s" % (x.left,x.right)

또는 속성 오류를 높이는 대신 알 수 없는 값에 대해 없음을 반환할 수 있습니다.(web2py 스토리지 클래스에서 사용되는 트릭)

예를 들어 말하다

class A():
    def __init__(self):
        self.x=7
        self.y=8
        self.z="name"

한 번에 속성을 설정하려는 경우

d = {'x':100,'y':300,'z':"blah"}
a = A()
a.__dict__.update(d)

제 생각에 그 대답은settattr만약 당신이 정말로 지원이 필요하다면 가는 길입니다.dict.

하지만 만약에Employee객체는 점 구문으로 액세스할 수 있는 구조일 뿐입니다..namedict 구문 대신 (['name']), 다음과 같이 명명된 튜플을 사용할 수 있습니다.

from collections import namedtuple

Employee = namedtuple('Employee', 'name age')
e = Employee('noname01', 6)
print e
#>> Employee(name='noname01', age=6)

# create Employee from dictionary
d = {'name': 'noname02', 'age': 7}
e = Employee(**d)
print e
#>> Employee(name='noname02', age=7)
print e._asdict()
#>> {'age': 7, 'name': 'noname02'}

당신은 가지고 있습니다._asdict()모든 속성을 사전으로 액세스하는 방법이지만 나중에 추가 속성을 추가할 수는 없습니다.

딕트를 사용하는 것과 비슷하게, 당신은 그냥 다음과 같은 kwargs를 사용할 수 있습니다.

class Person:
   def __init__(self, **kwargs):
       self.properties = kwargs

   def get_property(self, key):
       return self.properties.get(key, None)

   def main():
       timmy = Person(color = 'red')
       print(timmy.get_property('color')) #prints 'red'

라이브러리를 사용해도 괜찮으시다면:

pip install domonic

그러면 다음을 수행할 수 있습니다.

from domonic.javascript import Object

class Employee(Object):
    pass

d = { 'name': 'Oscar', 'lastName': 'Reyes', 'age':32 }

e = Employee(d)
print(e.name)
print(e['name'])
print(e)

# {'name': 'Oscar', 'lastName': 'Reyes', 'age': 32}

필요에 따라 작동해야 합니다.

언급URL : https://stackoverflow.com/questions/2466191/set-attributes-from-dictionary-in-python

개체의 속성 이름을 가져오는 중

yoursource — Wed, 26 Jul 2023 22:46:01 +0900

개체의 속성 이름을 가져오는 중

자바스크립트에서 그런 객체를 루프할 수 있는 방법이 있는지 궁금합니다.

for(var i in myObject) {
    // ...
}

하지만 이렇게 각 자산의 이름을 얻습니다.

for(var i in myObject) {
    separateObj[myObject[i].name] = myObject[i];
}

저는 구글에서 그것과 같은 것을 찾을 수 없는 것 같습니다.그들은 변수의 이름을 함께 전달하라고 하지만 이것은 제가 달성하고자 하는 것에 대한 옵션이 아닙니다.

도움을 주셔서 감사합니다.

Object.keys() 사용:

var myObject = { a: 'c', b: 'a', c: 'b' };
var keyNames = Object.keys(myObject);
console.log(keyNames); // Outputs ["a","b","c"]

Object.keys()입력 개체에 속하는 속성 이름 배열을 제공합니다.

i이름입니다.

for(var name in obj) {
    alert(name);
    var value = obj[name];
    alert(value);
}

그래서 당신은 할 수 있습니다.

seperateObj[i] = myObject[i];

고지 사항 "물건이 부착된 속성 이름을 알 수 있습니까?"라는 질문으로 오해했지만, 일부 사람들이 검색하다가 여기에 올 수도 있기 때문에 답을 남겨두기로 결정했습니다.

아니요, 개체가 여러 속성에 연결될 수 있으므로 개체 이름을 알 수 없습니다.

var obj = {a:1};
var a = {x: obj, y: obj}

obj의 이름은 무엇입니까?

정말로 for 루프의 속성 이름만 원하는 것이 아닙니까?

for (var propName in obj) {
  console.log("Iterating through prop with name", propName, " its value is ", obj[propName])
}

당신은 물체에서 쉽게 반복할 수 있습니다.

예: 객체가 vara = {a:'apple', b:'ball', c:'cat', d:'prefix', e:'prefix'}이면;

Object.keys(a).forEach(key => {
   console.log(key) // returns the keys in an object
   console.log(a[key])  // returns the appropriate value 
})

"Object.keys(obj)" 이외에는 매우 간단한 "for...in" 루프가 있습니다. 이 루프는 개체의 열거 가능한 속성 이름 위에 루프합니다.

const obj = {"fName":"John","lName":"Doe"};

for (const key in obj) {
    //This will give key
      console.log(key);
    //This will give value
    console.log(obj[key]);
    
}

위치별로 개체 속성에 직접 액세스하는 경우...일반적으로 [0] 속성에 사용 가능...그래서 더 먼 곳에 대한 정보를 담고 있습니다또는 처음 로드된 외부 모듈 등에 대해 node.js 'sys.cache[0]'에 있습니다.

Object.keys( myObject )[ 0 ]
Object.keys( myObject )[ 1 ]
...
Object.keys( myObject )[ n ]

기본 언어에 따라 개체 또는 "array key" 또는 "array index"의 속성을 가져오려면...Object.keys() 메서드를 사용합니다.

중요한 점은 이 기능이 "현대 브라우저"와만 호환된다는 점입니다.

그래서 만약 당신의 물건이 불려진다면, 나의 물건은...

var c = 0;
for(c in myObject) {
    console.log(Object.keys(myObject[c]));
}

왈라! 이것은 최신 파이어폭스와 i11 그리고 크롬에서 확실히 작동할 것입니다...

다음은 MDN https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys 에 있는 문서입니다.

IN ES5

예: 다음과 같은 개체가 있습니다.

var ELEMENTS = {
    STEP_ELEMENT: { ID: "0", imageName: "el_0.png" },
    GREEN_ELEMENT: { ID: "1", imageName: "el_1.png" },
    BLUE_ELEMENT: { ID: "2", imageName: "el_2.png" },
    ORANGE_ELEMENT: { ID: "3", imageName: "el_3.png" },
    PURPLE_ELEMENT: { ID: "4", imageName: "el_4.png" },
    YELLOW_ELEMENT: { ID: "5", imageName: "el_5.png" }
};

이제 '0'을 매개 변수로 전달하면 'STEP_ELENTLENT'가 되고, '2'가 'BLUE_ELENTLENT'가 되는 함수를 가지려면 다음과 같이 하십시오.

function(elementId) {
    var element = null;

    Object.keys(ELEMENTS).forEach(function(key) {
        if(ELEMENTS[key].ID === elementId.toString()){
            element = key;
            return;
        }    
    });

    return element;
}

이것은 아마도 문제에 대한 최선의 해결책은 아닐 것이지만 어떻게 해야 하는지에 대한 아이디어를 제공하는 것은 좋습니다.

건배.

2018년 현재, 당신은 사용할 수 있습니다.Object.getOwnPropertyNames()개발자 Mozilla 설명서에 설명된 대로

const object1 = {
  a: 1,
  b: 2,
  c: 3
};

console.log(Object.getOwnPropertyNames(object1));
// expected output: Array ["a", "b", "c"]

용사를 합니다.Object.keys()에서 속획기기위능에서 Object이름별로 속성을 검색하는 데 도움이 됩니다. 예를 들어 다음과 같습니다.

const Products = function(){
    this.Product = "Product A";
    this.Price = 9.99;
    this.Quantity = 112;
};

// Simple find function case insensitive
let findPropByName = function(data, propertyName){
 let props = [];
 Object.keys(data).forEach(element => {
    return props.push(element.toLowerCase());
  });
  console.log(props);
  let i = props.indexOf(propertyName.toLowerCase());

  if(i > -1){
    return props[i];
  }
  return false;
};

// calling the function
let products = new Products();
console.log(findPropByName(products, 'quantity'));

먼저 올린 for/in 루프를 수행할 때 i가 속성 이름입니다.속성 이름 i를 가지고 있고 myObject[i]를 수행하여 값에 액세스할 수 있습니다.

이러한 솔루션도 작동합니다.

// Solution One
function removeProperty(obj, prop) {
  var bool;
  var keys = Object.keys(obj);
  for (var i = 0; i < keys.length; i++) {
    if (keys[i] === prop) {
      delete obj[prop];
      bool = true;
    } 
  }
  return Boolean(bool);
}


//Solution two
function removeProperty(obj, prop) {
  var bool;
  if (obj.hasOwnProperty(prop)) {
      bool = true;
      delete obj[prop];
  }
  return Boolean(bool);
}

빠르고 더럽습니다.

function getObjName(obj) {
  return (wrap={obj}) && eval('for(p in obj){p}') && (wrap=null);
}

언급URL : https://stackoverflow.com/questions/4260308/getting-the-objects-property-name

php를 사용하여 두 날짜 사이에 임의의 날짜를 생성하는 방법은 무엇입니까?

yoursource — Wed, 26 Jul 2023 22:45:09 +0900

php를 사용하여 두 날짜 사이에 임의의 날짜를 생성하는 방법은 무엇입니까?

두 개의 고정 타임스탬프 사이에 임의의 날짜를 할당해야 하는 응용 프로그램을 코딩하는 중입니다.

내가 먼저 검색한 php를 사용하여 이것을 달성할 수 있는 방법은 php가 아니라 자바에 대한 답만 찾았습니다.

예:

$string = randomdate(1262055681,1262055681);

PHP에는 란드() 함수가 있습니다.

$int= rand(1262055681,1262055681);

또한 mt_rand()를 가지며, 이는 일반적으로 결과에서 더 나은 무작위성을 갖는 것으로 알려져 있습니다.

$int= mt_rand(1262055681,1262055681);

타임스탬프를 문자열로 만들려면 date()를 사용합니다. 즉, 다음과 같습니다.

$string = date("Y-m-d H:i:s",$int);

지정된 날짜가 날짜 시간 형식인 경우 이 방법을 사용하는 가장 쉬운 방법은 두 숫자를 타임스탬프로 변환한 다음 임의의 숫자 생성기에 대한 최소 및 최대 경계로 설정하는 것입니다.

간단한 PHP 예는 다음과 같습니다.

// Find a randomDate between $start_date and $end_date
function randomDate($start_date, $end_date)
{
    // Convert to timetamps
    $min = strtotime($start_date);
    $max = strtotime($end_date);

    // Generate random number using above bounds
    $val = rand($min, $max);

    // Convert back to desired date format
    return date('Y-m-d H:i:s', $val);
}

이 함수는 zombat에서 제안한 strtotime()을 사용하여 날짜 시간 설명을 Unix 타임스탬프로 변환하고 date()를 사용하여 생성된 임의의 타임스탬프로 유효한 날짜를 만듭니다.

PHP를 사용하는 다른 솔루션

$start그리고.$end개체이며 타임스탬프로 변환합니다.그런 다음 방법을 사용하여 임의의 타임스탬프를 가져옵니다.마지막으로 우리는 객체를 다시 만듭니다.

function randomDateInRange(DateTime $start, DateTime $end) {
    $randomTimestamp = mt_rand($start->getTimestamp(), $end->getTimestamp());
    $randomDate = new DateTime();
    $randomDate->setTimestamp($randomTimestamp);
    return $randomDate;
}

임의의 숫자를 사용하여 임의의 날짜를 결정할 수 있습니다.날짜 사이에 0에서 일 사이의 임의 숫자를 가져옵니다.그러면 첫 번째 날짜에 그 숫자를 추가하면 됩니다.

예를 들어, 날짜를 가져오는 경우 현재 날짜와 30일 사이의 임의 숫자입니다.

echo date('Y-m-d', strtotime( '+'.mt_rand(0,30).' days'));

다음은 또 다른 예입니다.

$datestart = strtotime('2009-12-10');//you can change it to your timestamp;
$dateend = strtotime('2009-12-31');//you can change it to your timestamp;

$daystep = 86400;

$datebetween = abs(($dateend - $datestart) / $daystep);

$randomday = rand(0, $datebetween);

echo "\$randomday: $randomday\n";

echo date("Y-m-d", $datestart + ($randomday * $daystep)) . "\n";

가장 좋은 방법:

$timestamp = rand( strtotime("Jan 01 2015"), strtotime("Nov 01 2016") );
$random_Date = date("d.m.Y", $timestamp );

두 날짜 사이에 카본과 php 랜드를 사용함으로써.

$startDate = Carbon::now();
$endDate   = Carbon::now()->subDays(7);

$randomDate = Carbon::createFromTimestamp(rand($endDate->timestamp, $startDate->timestamp))->format('Y-m-d');

$randomDate = Carbon::now()->subDays(rand(0, 7))->format('Y-m-d');

date_format을 사용할 수 있는 다른 솔루션:

 /**
 * Method to generate random date between two dates
 * @param $sStartDate
 * @param $sEndDate
 * @param string $sFormat
 * @return bool|string
 */

function randomDate($sStartDate, $sEndDate, $sFormat = 'Y-m-d H:i:s') {
    // Convert the supplied date to timestamp
    $fMin = strtotime($sStartDate);
    $fMax = strtotime($sEndDate);
    // Generate a random number from the start and end dates
    $fVal = mt_rand($fMin, $fMax);
    // Convert back to the specified date format
    return date($sFormat, $fVal);
}

출처: https://gist.github.com/samcrosoft/6550473

예를 들어 다음을 사용할 수 있습니다.

$date_random = randomDate('2018-07-09 00:00:00','2018-08-27 00:00:00');

의 양strtotime여기는 너무 높아요.
1971년 이전과 2038년 이후에 관심이 있는 사람들을 위해, 여기 현대적이고 유연한 솔루션이 있습니다.

function random_date_in_range( $date1, $date2 ){
    if (!is_a($date1, 'DateTime')) {
        $date1 = new DateTime( (ctype_digit((string)$date1) ? '@' : '') . $date1);
        $date2 = new DateTime( (ctype_digit((string)$date2) ? '@' : '') . $date2);
    }
    $random_u = random_int($date1->format('U'), $date2->format('U'));
    $random_date = new DateTime();
    $random_date->setTimestamp($random_u);
    return $random_date->format('Y-m-d') .'<br>';
}

여러 가지 방법으로...

// timestamps
echo random_date_in_range(157766400,1489686923);

// any date string
echo random_date_in_range('1492-01-01','2050-01-01');

// English textual parsing
echo random_date_in_range('last Sunday','now');

// DateTime object
$date1 = new DateTime('1000 years ago');
$date2 = new DateTime('now + 10 months');
echo random_date_in_range($date1, $date2);

이 기능은 다음을 필요로 합니다.date1<=date2.

저는 이전에도 같은 상황이 있었고 위의 답변 중 어떤 것도 제 문제를 해결하지 못했습니다.

새로운 기능과 함께 제공됨

function randomDate($startDate, $endDate, $count = 1 ,$dateFormat = 'Y-m-d H:i:s')
{
   //inspired by
    // https://gist.github.com/samcrosoft/6550473

    // Convert the supplied date to timestamp
    $minDateString = strtotime($startDate);
    $maxDateString = strtotime($endDate);

    if ($minDateString > $maxDateString) 
    {
        throw new Exception("From Date must be lesser than to date", 1);

    }

    for ($ctrlVarb = 1; $ctrlVarb <= $count; $ctrlVarb++) 
    { 
       $randomDate[] = mt_rand($minDateString, $maxDateString); 
    }
    if (sizeof($randomDate) == 1) 
    {
        $randomDate = date($dateFormat, $randomDate[0]);
        return $randomDate;
    }elseif (sizeof($randomDate) > 1) 
    {
        foreach ($randomDate as $randomDateKey => $randomDateValue) 
        {
           $randomDatearray[] =  date($dateFormat, $randomDateValue);
        }
        //return $randomDatearray;
        return array_values(array_unique($randomDatearray));
    }
}

이제 테스트 파트(테스트 중 데이터가 변경될 수 있음)

$fromDate = '2012-04-02';
$toDate = '2018-07-02';

print_r(랜덤Date($fromDate,$toDate,1));

결과는 다음과 같습니다.

2016-01-25 11:43:22

print_r(랜덤Date($fromDate,$toDate,1));

array:10 [▼
  0 => "2015-08-24 18:38:26"
  1 => "2018-01-13 21:12:59"
  2 => "2018-06-22 00:18:40"
  3 => "2016-09-14 02:38:04"
  4 => "2016-03-29 17:51:30"
  5 => "2018-03-30 07:28:48"
  6 => "2018-06-13 17:57:47"
  7 => "2017-09-24 16:00:40"
  8 => "2016-12-29 17:32:33"
  9 => "2013-09-05 02:56:14"
]

하지만 몇 번의 테스트 후에 저는 입력이 그렇다면 어떨까 생각했습니다.

$fromDate ='2018-07-02 09:20:39';
$toDate = '2018-07-02 10:20:39';

따라서 다음과 같은 많은 날짜를 생성하는 동안 중복이 발생할 수 있습니다.10,000

그래서 추가했습니다.array_unique되지 않은 됩니다.

만약 당신이 라벨을 사용한다면 그것은 당신을 위한 것입니다.

\Carbon\Carbon::now()->subDays(rand(0, 90))->format('Y-m-d');

가장 간단한 것은, 이 작은 기능이 나에게 효과가 있다는 것입니다. 나는 그것을 도우미 수업에서 썼습니다.datetime인

/**
 * Return date between two dates
 *
 * @param String $startDate
 * @param String $endDate
 * @return String
 *
 * @author Kuldeep Dangi <kuldeepamy@gmail.com>
 */
public static function getRandomDateTime($startDate, $endDate)
{
    $randomTime = mt_rand(strtotime($startDate), strtotime($endDate));
    return date(self::DATETIME_FORMAT_MYSQL, $randomTime);

}

꽤 좋은 질문입니다. 앱을 위한 무작위 샘플 데이터를 생성해야 합니다.

다음 함수를 선택적 인수와 함께 사용하여 임의 날짜를 생성할 수 있습니다.

function randomDate($startDate, $endDate, $format = "Y-M-d H:i:s", $timezone = "gmt", $mode = "debug")
{
    return $result;
}

샘플 입력:

echo 'UTC: ' . randomDate("1942-01-19", "2016-06-03", "Y-M-d H:i:s", "utc") . '<br>';
//1942-Jan-19 07:00:00

echo 'GMT: ' . randomDate("1942-01-19", "2016-06-03", "Y/M/d H:i A", "gmt") . '<br>'; 
//1942/Jan/19 00:00 AM

echo 'France: ' . randomDate("1942-01-19", "2016-06-03", "Y F", "Europe/Paris") . '<br>';
//1942 January

echo 'UTC - 4 offset time only: ' . randomDate("1942-01-19", "2016-06-03", "H:i:s", -4) . '<br>';
//20:00:00

echo 'GMT +2 offset: ' . randomDate("1942-01-19", "2016-06-03", "Y-M-d H:i:s", 2) . '<br>';
//1942-Jan-19 02:00:00

echo 'No Options: ' . randomDate("1942-01-19", "2016-06-03") . '<br>';
//1942-Jan-19 00:00:00

판독기 요구 사항은 앱마다 다를 수 있습니다. 일반적으로 이 기능이 응용 프로그램에 대한 임의의 날짜/샘플 데이터를 생성해야 하는 편리한 도구이기를 바랍니다.

이 기능은 처음에는 디버그 모드이므로 다음으로 변경하십시오.$mood=""운영 중인 디버그를 제외하고.

이 기능은 다음을 허용합니다.

시작일
종료일
format: 날짜 또는 시간에 대해 허용되는 모든 php 형식
표준시: 이름 또는 오프셋 번호
모드: 디버그, epoch, verbose epoch 또는 verbose epoch

debug not 모드의 출력은 선택 사양에 따라 난수입니다.

PHP 7.x로 테스트됨

// Find a randomDate between $startDate and $endDate
function randomDate($startDate, $endDate)
{
    // Convert to timetamps
    $min = strtotime($startDate);
    $max = strtotime($endDate);

    // Generate random number using above bounds
    $val = rand($min, $max);

    // Convert back to date
    return Carbon::createFromTimestamp($val);
}

dd($this->randomDate('2014-12-10', Carbon::now()->toString()));

탄소 사용

$yeni_tarih = date('Y-m-d', strtotime( '+'.mt_rand(-90,0).' days'))." ".date('H', strtotime( '+'.mt_rand(0,24).' hours')).":".rand(1,59).":".rand(1,59);

전체 임의 날짜 및 시간

언급URL : https://stackoverflow.com/questions/1972712/how-to-generate-random-date-between-two-dates-using-php

다국어 데이터베이스 설계를 위한 모범 사례는 무엇입니까?

yoursource — Wed, 26 Jul 2023 22:44:26 +0900

다국어 데이터베이스 설계를 위한 모범 사례는 무엇입니까?

다국어 데이터베이스를 만드는 가장 좋은 방법은 무엇입니까?모든 테이블에 대해 현지화된 테이블을 만드는 것은 디자인과 쿼리를 복잡하게 만들고, 다른 경우에는 각 언어에 대해 열을 추가하는 것은 간단하지만 동적이지 않습니다. 엔터프라이즈 애플리케이션에 가장 적합한 선택이 무엇인지 이해할 수 있도록 도와주십시오.

우리가 하는 일은 각 다국어 오브젝트에 대해 두 개의 테이블을 만드는 것입니다.

예를 들어 첫 번째 테이블에는 언어 중립 데이터(기본 키 등)만 포함되어 있고 두 번째 테이블에는 언어당 하나의 레코드가 포함되어 있으며 현지화된 데이터와 언어의 ISO 코드가 포함되어 있습니다.

경우에 따라 기본 언어 필드를 추가하여 지정된 언어에 대해 사용할 수 있는 현지화된 데이터가 없는 경우 해당 언어로 폴백할 수 있습니다.

예:

Table "Product":
----------------
ID                 : int
<any other language-neutral fields>


Table "ProductTranslations"
---------------------------
ID                 : int      (foreign key referencing the Product)
Language           : varchar  (e.g. "en-US", "de-CH")
IsDefault          : bit
ProductDescription : nvarchar
<any other localized data>

이 방법을 사용하면 각 새 언어에 대한 필드를 추가하지 않고도 필요한 만큼의 언어를 처리할 수 있습니다.

업데이트(2014-12-14): 다국어 데이터를 응용 프로그램에 로드하는 데 사용되는 구현에 대한 추가 정보를 보려면 이 답변을 참조하십시오.

마틴이 올린 답변을 추천합니다.

하지만 질문이 너무 복잡해지는 것을 걱정하는 것 같습니다.

모든 테이블에 대해 지역화된 테이블을 만들려면 설계 및 쿼리가 복잡해집니다.

따라서 여러분은 이렇게 간단한 질문을 작성하는 대신 다음과 같이 생각할 수 있습니다.

SELECT price, name, description FROM Products WHERE price < 100

...다음과 같은 쿼리 작성을 시작해야 합니다.

SELECT
  p.price, pt.name, pt.description
FROM
  Products p JOIN ProductTranslations pt
  ON (p.id = pt.id AND pt.lang = "en")
WHERE
  price < 100

그다지 예쁜 관점은 아닙니다.

그러나 수동으로 수행하는 대신 특수 현지화 마크업이 포함된 SQL을 미리 구문 분석하여 데이터베이스로 보내야 하는 실제 SQL로 변환하는 고유한 데이터베이스 액세스 클래스를 개발해야 합니다.

이 시스템을 사용하면 다음과 같이 보일 수 있습니다.

db.setLocale("en");
db.query("SELECT p.price, _(p.name), _(p.description)
          FROM _(Products p) WHERE price < 100");

그리고 저는 당신이 그것을 훨씬 더 잘 할 수 있다고 확신합니다.

중요한 것은 테이블과 필드의 이름을 균일하게 지정하는 것입니다.

이러한 접근 방식이 저에게 효과적입니다.

제품 상세 국가=========   ==================   =========ProductId productDetailId CountryIdetc - ProductId 국가 이름국가 ID 언어제품명 - 등 -제품 설명.기타 -

ProductDetail 테이블에는 모든 변환(제품 이름, 설명 등)이 저장됩니다.를 지원할 언어로 표시합니다.앱의 요구 사항에 따라 국가 표를 세분화하여 지역 언어도 사용할 수 있습니다.

다음 접근법을 사용합니다.

제품.

제품 ID 주문 ID,...

제품 정보

제품 ID 제목 이름 언어 ID

언어

언어ID 이름 문화,...

마틴의 솔루션은 저와 매우 유사하지만, 원하는 번역을 찾을 수 없을 때 기본 설명을 어떻게 처리하시겠습니까?

각 필드에 IFNULL()과 다른 SELECT 문이 필요합니까?

기본 변환은 동일한 테이블에 저장되며, 여기서 "isDefault"와 같은 플래그는 현재 언어에 대한 설명이 없는 경우 해당 설명이 기본 설명인지 여부를 사용하는지 여부를 나타냅니다.

언급URL : https://stackoverflow.com/questions/929410/what-are-best-practices-for-multi-language-database-design

표에 날짜 열이 없는 경우 MariaDB에서 최근 30일 레코드 양식 표를 찾는 방법

yoursource — Wed, 26 Jul 2023 22:43:18 +0900

표에 날짜 열이 없는 경우 MariaDB에서 최근 30일 레코드 양식 표를 찾는 방법

테이블에 날짜 열이 없고 지난 30일 동안 생성된 레코드를 가져오려고 합니다.

테이블 속성과 이력을 찾으려 했지만 찾을 수 없었습니다.

언급URL : https://stackoverflow.com/questions/74548622/how-to-find-last-30-days-records-form-table-in-mariadb-if-dont-have-any-date-co

node.js와 Python의 결합

yoursource — Wed, 26 Jul 2023 22:42:45 +0900

node.js와 Python의 결합

Node.js는 우리의 웹 프로젝트와 완벽하게 일치하지만 Python을 선호하는 계산 작업은 거의 없습니다.우리는 그들을 위한 파이썬 코드도 이미 가지고 있습니다.속도에 대해 매우 우려하고 있습니다. 비동기식 논블로킹 방식으로 node.js에서 파이썬을 "worker"라고 부르는 가장 우아한 방법은 무엇입니까?

이것은 0MQ가 적합한 시나리오처럼 들립니다.TCP나 유닉스 소켓을 사용하는 것과 유사한 메시징 프레임워크이지만 훨씬 강력합니다(http://zguide.zeromq.org/py:all) .

제로MQ를 사용하여 꽤 잘 작동하는 RPC 프레임워크를 제공하는 라이브러리가 있습니다.제로RPC(http://www.zerorpc.io/) )라고 합니다.안녕하세요 세상입니다.

Python "Hello x" 서버:

import zerorpc

class HelloRPC(object):
    '''pass the method a name, it replies "Hello name!"'''
    def hello(self, name):
        return "Hello, {0}!".format(name)

def main():
    s = zerorpc.Server(HelloRPC())
    s.bind("tcp://*:4242")
    s.run()

if __name__ == "__main__" : main()

node.js 클라이언트:

var zerorpc = require("zerorpc");

var client = new zerorpc.Client();
client.connect("tcp://127.0.0.1:4242");
//calls the method on the python object
client.invoke("hello", "World", function(error, reply, streaming) {
    if(error){
        console.log("ERROR: ", error);
    }
    console.log(reply);
});

또는 그 반대의 node.js 서버:

var zerorpc = require("zerorpc");

var server = new zerorpc.Server({
    hello: function(name, reply) {
        reply(null, "Hello, " + name, false);
    }
});

server.bind("tcp://0.0.0.0:4242");

그리고 파이썬 클라이언트는

import zerorpc, sys

c = zerorpc.Client()
c.connect("tcp://127.0.0.1:4242")
name = sys.argv[1] if len(sys.argv) > 1 else "dude"
print c.hello(name)

node.js와 Python 서버 간의 통신을 위해 두 프로세스가 동일한 서버에서 실행되는 경우 Unix 소켓을 사용하고 그렇지 않은 경우 TCP/IP 소켓을 사용합니다.마샬링 프로토콜의 경우 JSON 또는 프로토콜 버퍼를 사용합니다.스레드된 Python이 병목 현상으로 나타나는 경우 do node.js와 동일한 이벤트 기반 동시성을 제공하는 Twisted Python을 사용하는 것을 고려하십시오.

모험심이 강하다면 클로저(클로저스크립트, 클로저-파이)를 배우면 Java, JavaScript(node.js 포함), CLR 및 Python에서 기존 코드와 실행되고 상호 운용되는 동일한 언어를 얻을 수 있습니다.또한 클로저 데이터 구조를 사용하면 우수한 마샬링 프로토콜을 얻을 수 있습니다.

Python 작업자를 별도의 프로세스(장기 실행 중인 서버 유형 프로세스 또는 요청 시 생성된 하위 프로세스)에 배치하면 node.js 측에서 Python 작업자와의 통신이 비동기화됩니다.UNIX/TCP 소켓 및 stdin/out/err 통신은 본질적으로 비동기 노드입니다.

저는 think .js를 thoonk.py 과 함께 사용하여 많은 성공을 거두었습니다.Thunk는 Redis(메모리 내 키 값 저장소)를 활용하여 커뮤니케이션을 위한 피드(게시/구독), 대기열 및 작업 패턴을 제공합니다.

유닉스 소켓이나 직접 tcp 소켓보다 더 나은 이유는 무엇입니까?전체적인 성능은 다소 저하될 수 있지만 Thoonk는 소켓을 수동으로 처리하는 것을 단순화하는 매우 간단한 API를 제공합니다.Thunk는 또한 Python 작업자의 새 인스턴스를 스핀업하여 동일한 redis 서버에 연결하기 때문에 성능을 향상시키기 위해 Python 작업자를 확장할 수 있는 분산 컴퓨팅 모델을 구현하는 것을 매우 단순하게 만듭니다.

Apache Respret http://thrift.apache.org/ 도 고려해 보겠습니다.

여러 프로그래밍 언어를 연결할 수 있으며, 효율성이 높고 비동기 또는 동기 호출을 지원합니다.여기에서 전체 기능 보기 http://thrift.apache.org/docs/features/

다중 언어는 향후 계획에 유용할 수 있습니다. 예를 들어 나중에 C++에서 계산 작업의 일부를 수행하려면 Surgeft를 사용하여 혼합에 추가하는 것이 매우 쉽습니다.

예를 들어, 백그라운드 작업을 발송하고 처리된 후 비동기식으로 결과를 얻을 수 있는 훌륭한 방법을 제공하는 우수한 기어맨을 사용하여 작업 대기열을 사용하는 것이 좋습니다.

Digg(다른 많은 제품 중에서도)에서 많이 사용되는 이점은 모든 언어의 근로자가 모든 언어의 고객과 대화할 수 있는 강력하고 확장 가능하며 강력한 방법을 제공한다는 것입니다.

2019년 업데이트

이를 달성하기 위한 몇 가지 방법이 있으며, 복잡성이 증가하는 순서대로 나열하면 다음과 같습니다.

파이썬 셸, 당신은 파이썬 콘솔에 스트림을 쓰고 그것은 당신에게 답장을 쓸 것입니다.
Redis Pub Sub, 노드 js 게시자가 데이터를 푸시하는 동안 Python에서 채널 수신을 할 수 있습니다.
노드가 클라이언트 역할을 하고 Python이 서버 역할을 하는 웹 소켓 연결 또는 그 반대의 경우
Express/Flask/Tornado 등과의 API 연결은 상대방이 쿼리할 수 있도록 노출된 API 끝점과 별도로 작동합니다.

접근법 1 Python Shell 가장 간단한 접근법

source.js 파일

const ps = require('python-shell')
// very important to add -u option since our python script runs infinitely
var options = {
    pythonPath: '/Users/zup/.local/share/virtualenvs/python_shell_test-TJN5lQez/bin/python',
    pythonOptions: ['-u'], // get print results in real-time
    // make sure you use an absolute path for scriptPath
    scriptPath: "./subscriber/",
    // args: ['value1', 'value2', 'value3'],
    mode: 'json'
};

const shell = new ps.PythonShell("destination.py", options);

function generateArray() {
    const list = []
    for (let i = 0; i < 1000; i++) {
        list.push(Math.random() * 1000)
    }
    return list
}

setInterval(() => {
    shell.send(generateArray())
}, 1000);

shell.on("message", message => {
    console.log(message);
})

destination.py 파일

import datetime
import sys
import time
import numpy
import talib
import timeit
import json
import logging
logging.basicConfig(format='%(asctime)s : %(levelname)s : %(message)s', level=logging.INFO)

size = 1000
p = 100
o = numpy.random.random(size)
h = numpy.random.random(size)
l = numpy.random.random(size)
c = numpy.random.random(size)
v = numpy.random.random(size)

def get_indicators(values):
    # Return the RSI of the values sent from node.js
    numpy_values = numpy.array(values, dtype=numpy.double) 
    return talib.func.RSI(numpy_values, 14)

for line in sys.stdin:
    l = json.loads(line)
    print(get_indicators(l))
    # Without this step the output may not be immediately available in node
    sys.stdout.flush()

참고: source.js 파일과 동일한 수준의 subscriber라는 폴더를 만들고 그 안에 destination.py 을 넣습니다.가상 환경을 변경하는 것을 잊지 마십시오.

2023년 업데이트

python을 nodejs와 함께 사용할 수 있는 라이브러리를 만듭니다.

Javascript 라이브러리: https://github.com/7HR4IZ3/js_bridge

파이썬 라이브러리: https://github.com/7HR4IZ3/py_bridge

Javascript에서 예제

const { python } = require("js_bridge");
const py = python();

async function myPythonFunction() {
   let math = await py.import("math");
    let result = await math.sqrt(16);
    console.log(result);
}

myPythonFunction();

Python의 예

from py_bridge import nodejs

node1 = nodejs(port=7000)
node2 = nodejs(port-7001)

node1.setup(name="my_node")
node2.setup(name="nodejs2") # name parameter is for imports

node1.console.log("Hello from node1")
node2.console.log("Hello from node2")

fs = node1.require("fs") # also supports 'from my_node import fs'
print(fs.readSync("./mytext.txt"))

언급URL : https://stackoverflow.com/questions/10775351/combining-node-js-and-python

중요 종속성: require 함수는 종속성을 정적으로 추출할 수 없는 방식으로 사용됩니다.

yoursource — Wed, 26 Jul 2023 22:42:05 +0900

중요 종속성: require 함수는 종속성을 정적으로 추출할 수 없는 방식으로 사용됩니다.

"ng serve"에서 아래 경고에 직면한 사람이 있습니까?

WARNING in ./node_dll/@dll/src/dll.js 10:24-31 중요 종속성: require 함수는 종속성을 정적으로 추출할 수 없는 방식으로 사용됩니다 ℹ "wdm": 경고와 함께 컴파일됩니다.

각도 버전 지정:

Angular CLI: 6.0.8 노드: 8.11.3 OS: darwin x64 Angular: 6.0.9 ... 애니메이션, 공통, 컴파일러, 컴파일러-cli, 코어, 폼...http, language-service, platform-syslog... platform-syslog-dynamic, 라우터, 업그레이드

CLI와 Angular를 업데이트하려고 했지만 실패했습니다.util.js 내부의 코드는 다음과 같습니다.

function (factory) {
    if (typeof module === "object" && typeof module.exports === "object") {
        var v = factory(require, exports);
        if (v !== undefined) module.exports = v;
    }
    else if (typeof define === "function" && define.amd) {
        define("@angular/compiler/src/util", ["require", "exports"], factory);
    }
}

저는 이 오류를 발견했고 이것을 발견했습니다: https://fluin.io/blog/critical-dependency-cannot-be-statically-extracted, 에서 저자는 동일한 경고를 받고 있음을 보여줍니다.하지만 Angular Elements를 사용하지는 않았지만 같은 문제와 관련이 있을 수 있다는 생각이 들어 사용 여부를 확인했습니다.@angular/compiler/src/core내 수입품 중 어느 것이든.

그리고 저는 정말 그렇게 하고 있었습니다.수정은 수입선을 제거하는 것처럼 간단했습니다. 제 경우는 다음과 같습니다.

import { ViewEncapsulation } from '@angular/compiler/src/core';

그런 다음 편집기에서 다음과 같이 자동으로 가져옵니다.

import { Component, OnInit, ViewEncapsulation } from '@angular/core';

실수로 가져왔는데 같은 오류가 발생했습니다.EventEmitter부터protractor대신에@angular/core.

변화하는import { EventEmitter } from 'protractor';로.import { EventEmitter } from '@angular/core';고쳤습니다.

앱에서 가져오기를 검색합니다.

비슷한 것을 수입했을 가능성이 높습니다.from '@angular/compiler/foo'실수로

src 경로에서 가져오는 경우 이 주의가 발생함

다음에서 구성 요소 가져오기 문 변경

import { ChangeDetectionStrategy, ViewEncapsulation } from '@angular/compiler/src/core';

로.

import {  ViewEncapsulation, ChangeDetectionStrategy} from '@angular/core';

비슷한 문제를 발견했습니다.

./node_modules/@angular/compiler/src/util.js:10:24-31 - 경고: 중요 종속성: require 함수는 종속성을 정적으로 추출할 수 없는 방식으로 사용됩니다.

JSON.stringify 대신 stringify를 사용하고 이 자동 가져오기(vs 코드 사용)를 다음과 같이 사용한 것을 기억했습니다.

import { stringify } from '@angular/compiler/src/util';

이 자동 가져오기를 제거하고 코드를 JSON.stringify로 수정했습니다.

여기에 덧붙이자면, 매우 비슷하지만 Angular에서 몇 가지를 수입하는 것처럼 보입니다.내가 한 일은 다음과 같습니다.

import {error} from '@angular/compiler/src/util';

실수로 입력했습니다.throw error()대신에throw Error()그걸 가져와서 경고를 울렸습니다

타사 라이브러리를 구현하려고 했기 때문에 이 오류(제목에 표시됨)와 여러 가지 오류가 발생했습니다.

간단히 말해서, 이러한 오류가 발생하면 타사 라이브러리를 살펴 보십시오.제 경우에는 Scanbot.io 의 바코드 스캔 라이브러리였습니다.

이 가져오기 작업에서 발생한 일이 작업은 다음과 같습니다.

import { Message } from '@angular/compiler/src/i18n/i18n_ast';

메시지 인터페이스가 있지만 자동 채우기 가져오기 기능은 위의 기능으로 기본 설정되어 있습니다.

언급URL : https://stackoverflow.com/questions/51319209/critical-dependency-require-function-is-used-in-a-way-in-which-dependencies-can

jQuery에서 입력[type=text]의 값 변경 감지

yoursource — Wed, 26 Jul 2023 22:40:49 +0900

jQuery에서 입력[type=text]의 값 변경 감지

특정 입력란의 값이 바뀔 때마다 함수를 실행하고 싶습니다.거의 작동합니다.$('input').keyup(function)그러나 예를 들어 텍스트를 상자에 붙여넣을 때는 아무 일도 일어나지 않습니다.$input.change(function)입력이 흐릴 때만 트리거되는데, 텍스트 상자의 값이 변경될 때마다 어떻게 즉시 알 수 있습니까?

업데이트 - 2021

2021년 기준으로 사용할 수 있습니다.input입력 값 변경 사항을 충족하는 모든 이벤트에 대한 이벤트.

$("#myTextBox").on("input", function() {
   alert($(this).val()); 
});

원답

'on'은 'on' 기능보다 권장되므로 항상 다음과 같은 이벤트 수신기를 사용하십시오.

$("#myTextBox").on("change paste keyup", function() {
   alert($(this).val()); 
});

묘사

jQuery를 사용하여 이 작업을 수행할 수 있습니다..bind()방법.jsFiddle을 확인하십시오.

샘플

HTML

<input id="myTextBox" type="text"/>

jQuery

$("#myTextBox").bind("change paste keyup", function() {
   alert($(this).val()); 
});

추가 정보

이것을 시도해보세요.https://stackoverflow.com/users/1169519/teemu 에 대한 크레딧

여기 제 질문에 답해주셔서 감사합니다: https://stackoverflow.com/questions/24651811/~~jquery-keyup-doesnt-work-with-keycode-filtering~~?noredirect=1#comment38213480_24651811

이 솔루션은 제가 프로젝트를 진행하는 데 도움이 되었습니다.

$("#your_textbox").on("input propertychange",function(){

   // Do your thing here.
});

참고: IE의 하위 버전에 대한 속성 변경.

텍스트 상자 이벤트도 사용할 수 있습니다.

<input id="txt1" type="text" onchange="SetDefault($(this).val());" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();">

function SetDefault(Text){
  alert(Text);
}

사용해 보십시오.

기본적으로 각 이벤트에 대해 설명합니다.

HTML:

<input id = "textbox" type = "text">

질문:

$("#textbox").keyup(function() { 
    alert($(this).val());  
}); 

$("#textbox").change(function() { 
alert($(this).val());  
});

$("#myTextBox").on("change paste keyup select", function() {
     alert($(this).val());
});

브라우저 제안을 위해 선택

잊지 마십시오.cut또는select이벤트!

받아들여진 대답은 거의 완벽하지만, 그것은 그것을 잊어버립니다.cut그리고.select사건들

cut사용자가 텍스트를 자를 때 발생합니다(CTRL + X 또는 마우스 오른쪽 버튼 클릭).

select사용자가 브라우저 선택 옵션을 선택할 때 실행됩니다.

다음과 같이 추가해야 합니다.

$("#myTextBox").on("change paste keyup cut select", function() {
   //Do your function 
});

사용해 보십시오.

$("input").bind({
            paste : function(){
                $('#eventresult').text('paste behaviour detected!');
            }
})

사용 방법: https://github.com/gilamran/JQuery-Plugin-AnyChange

내용 메뉴(마우스 사용)를 포함하여 입력을 변경하는 모든 방법을 처리합니다.

이러한 이벤트 조합은 저에게 효과가 있었습니다.

$("#myTextBox").on("input paste", function() {
   alert($(this).val()); 
});

다음 코드를 사용하여 입력, 키 변경 및 키 누르기를 감지할 수 있습니다.

$("#myTextBox").on("input", "keyup", "keydown", "keypress" function() {
  alert($(this).val()); 
});

언급URL : https://stackoverflow.com/questions/8747439/detecting-value-change-of-inputtype-text-in-jquery

jQuery에서 지정된 클래스 없이 모든 요소를 선택하려면 어떻게 해야 합니까?

yoursource — Wed, 26 Jul 2023 22:40:11 +0900

jQuery에서 지정된 클래스 없이 모든 요소를 선택하려면 어떻게 해야 합니까?

다음을 고려할 때:

<ul id="list">
    <li>Item 1</li>
    <li class="active">Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

항목 2를 제외한 모든 항목을 어떻게 선택할 수 있습니까?

$("ul#list li!active")

메소드 또는 선택기를 사용할 수 있습니다.

예제에 기반한 코드:

$("ul#list li").not(".active") // not method
$("ul#list li:not(.active)")   // not selector

어때$("ul#list li:not(.active)")?

http://api.jquery.com/not-selector/

클래스 없이 모든 요소를 선택하는 데 사용할 수 있습니다.

$('ul#list li:not([class])')

jQuery API 설명서(not() selector 및 equal selector 아님)를 참조하십시오.

if (!$(row).hasClass("changed")) {
    // do your stuff
}

언급URL : https://stackoverflow.com/questions/2448051/how-can-i-select-all-elements-without-a-given-class-in-jquery

Excel이 내 CSV의 URL을 하이퍼링크로 해석할 수 있습니까?

yoursource — Sun, 7 May 2023 21:19:48 +0900

Excel이 내 CSV의 URL을 하이퍼링크로 해석할 수 있습니까?

Excel이 내 CSV의 URL을 하이퍼링크로 해석할 수 있습니까?만약 그렇다면, 어떻게?

이렇게 하면 Excel에서 클릭 가능한 링크를 표시할 수 있습니다.CSV 파일에서 다음 형식을 사용합니다.

=HYPERLINK("URL")

따라서 CSV는 다음과 같습니다.

1,23.4,=HYPERLINK("http://www.google.com")

하지만 쉼표가 포함된 링크가 제대로 작동하도록 노력하고 있는데, 이 링크에서 탈출할 방법이 없는 것 같습니다. 그래도 Excel에서 링크를 클릭할 수 있도록 합니다.

방법 아는 사람?

하이퍼링크 기능을 내장하면 인용문을 볼 수 있습니다.아래는 오류와 실패한 메서드에 대한 문서를 보기 위한 링크를 나열하여 만든 CSV 파일의 예입니다. (약간 난해하지만 제가 작업하고 있는 것입니다.)

"Details","Failing Method (click to view)"
"Method failed","=HYPERLINK(""http://some_url_with_documentation"",""Method_name"")"

저는 이 답변들과 다른 답변들을 모두 읽었지만, 여전히 Excel 2014에서 이 문제를 해결하는 데 시간이 좀 걸렸습니다.

CSV의 결과는 다음과 같아야 합니다.

"=HYPERLINK(""http://www.Google.com"",""Google"")"

참고: MSSQL 서버에서 설정하려는 경우

'"=HYPERLINK(""http://www.' + baseurl + '.com"",""' + baseurl + '"")"' AS url

URL URL URL 내부에서 쉼표를 인코딩하여 URL이 여러 셀로 분할되지 않도록 할 수 있습니다.

쉼표를 %2c로 바꾸기만 하면 됩니다.

http://www.xyz.com/file,comma.pdf

된다

= (http://www.xyz.com/file%2ccomma.pdf ")

네, 하지만 자동으로 연결할 수는 없습니다.CSV 파일은 텍스트 파일일 뿐입니다. CSV 파일을 열고 읽어도 링크를 클릭할 수 있습니다.

Excel이 CSV 파일을 처리하는 방식에 대해서는 쉼표 사이의 모든 내용이 이미 셀에 입력된 것처럼 해석됩니다.따라서 CSV 파일은 다음을 포함합니다.="http://google.com",=A1로 표시됩니다.http://google.com,http://google.com엑셀로그러나 Excel의 하이퍼링크는 메타데이터이며 실제 셀(즉, Google에 대한 하이퍼링크된 셀)의 결과가 아닙니다.http://google.com것은 아니다.<a>http://google.com</a>또는 그런 종류의 모든 것.)

그렇기 때문에 CSV로 변환할 때 모든 메타데이터가 손실되기 때문에 셀 값을 변경하는 것만으로는 하이퍼링크를 원하는 것을 Excel에 전달할 수 없습니다.보통 Excel은 'Enter'를 누르면 입력 내용을 해석하고 URL을 연결하지만 CSV 데이터가 입력되지 않고 이미 존재하기 때문에 이러한 현상이 발생하지 않습니다.

모든 셀을 구문 분석하고 URL 형식과 일치하는 경우 하이퍼링크를 연결하는 CSV를 열 때 실행할 추가 기능이나 매크로를 작성하는 것이 가장 좋습니다.

다음 형식을 사용합니다.

=HYPERLINK(""<URL>"";""<LABEL>"")

예:

=HYPERLINK(""http://stackoverflow.com"";""I love stackoverflow!"")

추신: LibreOffice Calc에서도 동일한 형식이 작동합니다.

"=MSV(\"\" " + "http://www.mywebsite.com " + "\"\"")"는 CSV에 쓰기 전에 이 형식을 사용합니다.

와 같이, 위서설바와같이한명에,"=HYPERLINK(""http://www.google.com"", ""Google"")"그게 제게 효과가 있었던 겁니다.

그러나 Excel 버전 2204 Click to Run에서는 선행 공백을 가질 수 없었습니다.

예를 들어,

FirstName, "=HYPERLINK(""http://www.google.com"", ""Google"")" 실패함 FirstName,"=HYPERLINK(""http://www.google.com"", ""Google"")" 성공.

여기서 제게 문제가 된 것은 A 때문입니다.CSV는 기본적으로 쉼표로 구분되며 텍스트 파일의 모든 쉼표는 구분자로 해석됩니다.탭 문자를 구분 기호로 사용하여 a로 저장하는 방식으로 작동했습니다.EXCEL에서 열었을 때 ','가 아닌 TAB 문자를 선택할 수 있도록 TXT 파일.

텍스트 파일에서 …

파일이 TAB로 구분된 항목 1 A 파일 이름 데이터인지 확인합니다.txt
2 2 =www..com "는 2 Col 2 = PXE("http:\www.ilexuk.com ", ILEX")를 나타냅니다.

그런 다음 "ILEX"가 셀에 표시되고 "http:\www.ilexuk.com "이 셀의 하이퍼링크입니다.

언급URL : https://stackoverflow.com/questions/6563091/can-excel-interpret-the-urls-in-my-csv-as-hyperlinks

포스트 데이터로 리디렉션하는 방법(장고)

yoursource — Sun, 7 May 2023 21:17:54 +0900

포스트 데이터로 리디렉션하는 방법(장고)

Django views.py 파일에서 POST 요청을 처리할 때 때때로 다른 URL로 리디렉션해야 합니다.제가 리디렉션하는 이 URL은 동일한 Django views.py 파일의 다른 함수에서 처리됩니다.이 작업을 수행하고 원래 POST 데이터를 유지할 수 있는 방법이 있습니까?

업데이트: 이 작업을 수행해야 하는 이유에 대한 자세한 설명나는 사용자가 텍스트 필드에 입력한 데이터를 받아들이는 두 개의 웹 앱(A 앱과 B 앱이라고 부릅시다)을 가지고 있습니다.사용자가 제출을 클릭하면 데이터가 처리되고 세부 결과가 표시됩니다.A 앱과 B 앱은 서로 다른 유형의 데이터를 기대합니다.때때로 사용자가 실수로 A 앱에 B 앱 유형 데이터를 게시합니다.이 경우, 저는 그들을 B 앱으로 리디렉션하여 B 앱 결과를 보여주거나 적어도 그들이 A 앱에 입력한 데이터로 채우고 싶습니다.

또한:

고객은 하나로 결합하는 것이 아니라 두 개의 별도 앱을 원합니다.
코드는 고객의 것이기 때문에 보여줄 수 없습니다.

업데이트 2: 저는 KISS가 여기서 최고의 원칙이라고 결정했습니다.두 개의 앱을 하나로 통합하여 보다 단순하고 강력한 솔루션을 구축했습니다. 고객에게도 이 방법이 최선이라고 확신시킬 수 있을 것입니다.좋은 피드백을 주셔서 감사합니다.설명된 것처럼 두 개의 앱을 유지한다면 세션이 이를 위한 방법이 될 것이라고 생각합니다. Matthew J Morrison이 제안해 주셔서 감사합니다.Dzida 덕분에 디자인과 단순화에 대해 생각하게 되었습니다.

이러한 문제에 직면한 경우 설계를 수정해야 할 가능성이 약간 있습니다.

이는 POST 데이터가 리디렉션과 함께 사용할 수 없는 HTTP 제한 사항입니다.

당신이 무엇을 성취하려고 하는지 설명해 주시겠습니까? 그러면 우리는 어떤 깔끔한 해결책에 대해 생각해 볼 수 있을 것입니다.

매튜가 제안한 대로 세션을 사용하지 않으려면 GET의 POST 매개 변수를 새 페이지로 전달할 수 있습니다(예: 보안 및 쿼리 문자열의 GET 매개 변수 최대 길이).

업데이트를 업데이트합니다.당신이 2개의 웹 앱을 가지고 있고 그 앱들이 하나의 views.py 을 사용한다는 것이 제게는 이상하게 들립니다.어쨌든 GET의 POST에서 적절한 보기로 데이터를 전달하는 것이 좋습니다(물론 데이터가 중요하지 않은 경우).

이 상황을 어떻게 처리해야 할지는 세션에서 게시물 데이터를 저장한 다음 더 이상 필요하지 않을 때 제거하는 것입니다.그래야 리다이렉트 후 원래 게시물 데이터에 액세스할 수 있습니다. 해당 게시물이 사라졌더라도 말입니다.

그게 당신이 하려는 일에 효과가 있을까요?

다음은 제가 제안하는 코드 샘플입니다. (이 코드는 테스트되지 않은 코드입니다.)

def some_view(request):
    #do some stuff
    request.session['_old_post'] = request.POST
    return HttpResponseRedirect('next_view')

def next_view(request):
    old_post = request.session.get('_old_post')
    #do some stuff using old_post

한 가지 더 명심해야 할 것이 있습니다.만약 당신이 이것을 하고 있고 또한 파일을 업로드하고 있다면, 나는 이런 식으로 하지 않을 것입니다.

HTTP 1.1 임시 리디렉션(307)을 사용해야 합니다.

안타깝게도 장고와 (영구)는 301 또는 302만 반환합니다.직접 구현해야 합니다.

from django.http import HttpResponse, iri_to_uri
class HttpResponseTemporaryRedirect(HttpResponse):
    status_code = 307

    def __init__(self, redirect_to):
        HttpResponse.__init__(self)
        self['Location'] = iri_to_uri(redirect_to)

장고도 참조하십시오.http 모듈.

편집:

최신 Django 버전에서 가져오기를 다음으로 변경합니다.

from django.utils.encoding import iri_to_uri

사용하다requests구현하기 매우 .

pip install requests

그런 다음 어떤 방법으로든 URL을 호출하고 데이터를 전송할 수 있습니다.

보기에서 가져오기 요청

import requests

데이터를 게시하려면 형식을 따릅니다.

r = requests.post('http://yourdomain/path/', data = {'key':'value'})

django 뷰에서 절대 URL을 가져오려면 사용

request.build_absolute_uri(reverse('view_name'))

따라서 장고 보기 코드는 다음과 같습니다.

r = requests.post(
            request.build_absolute_uri(reverse('view_name')), 
            data = {'key':'value'}
    )

r의 응답 개체입니다.status_code그리고.content기여하다. r.status_code됨)와 상태 코드를 합니다.r.content응답 본문을 제공합니다.json 방법이 있습니다(r.json()합니다.

요청한다

요청한다.포스트.

동일한 요청 개체를 사용하여 이전 보기에서 새 보기를 호출하기만 하면 됩니다.물론 리디렉션이 발생하지는 않겠지만, 한 뷰에서 다른 뷰로 데이터를 '전송'하는 데만 신경을 쓴다면 제대로 작동해야 합니다.
저는 다음 스니펫을 테스트했고 작동합니다.

from django.views.generic import View

class MyOldView(View):
    def post(self, request):
        return MyNewView().post(request)

class MyNewView(View):
    def post(self, request):
        my_data = request.body
        print "look Ma; my data made it over here:", my_data

렌더와 컨텍스트를 함께 사용할 수 있습니다.

Render(request,"your template path",        {'vad name' : var value}

템플릿에서 변수를 받을 수 있습니다.

{% If var name %}
 {{ var name }}
{% endif %}

저는 최근에 비슷한 문제에 직면했습니다.

기본적으로 저는 양식 A를 가지고 있었는데, 제출하면 다른 양식 B가 나타나는데, 여기에는 일부 결과 + 양식이 포함되어 있습니다.B를 제출할 때, 나는 사용자에게 몇 가지 경고를 표시하고 사용자를 B로만 유지하고 싶었습니다.

를 제가해방결다같표것입는다니하시이과음과를법결한은▁a▁ining로 표시하는 것입니다.<output>필드, B.

<output name="xyz" value="xyz">{{xyz}}</output>

그리고 저는 A->B와 B->B에 대해서도 같은 견해를 사용했습니다.이제 저는 요청이 A에서 온 것인지 B에서 온 것인지 구별하고 그에 따라 렌더링해야 했습니다.

def view1(request):
    if "xyz" in request.POST:
        # request from B
        # do some processing
        return render(request, 'page.html', {"xyz":request.POST["xyz"]})
    else:
        # request from A
        res = foo() # some random function
        return render(request, 'page.html', {"xyz":res})

그러나 이것은 양식 B가 작고 역동적이지 않은 경우에만 작동합니다.

POST를 처리한 후 리디렉션을 사용하는 경우AppB당신은 실제로 전화하는 것을 피할 수 있습니다.AppB의 방법AppA방법.

예:

def is_appa_request(request):
    ## do some magic.
    return False or True
is_appb_request = is_appa_request

def AppA(request):
    if is_appb_request(request):
       return AppB(request)
    ## Process AppA.
    return HttpResponseRedirect('/appa/thank_you/')

def AppB(request):
    if is_appa_request(request):
       return AppA(request)
    ## Process AppB.
    return HttpResponseRedirect('/appb/thank_you/')

이는 최종 사용자에게 투명한 환경을 제공해야 하며, 귀사를 고용한 고객은 그 차이를 전혀 알지 못할 가능성이 높습니다.

POST 후 리다이렉트를 하지 않으면 사용자가 페이지를 새로 고치기 때문에 중복 데이터가 걱정되지 않습니까?

요청을 사용하여 세션으로 리디렉션할 수 있습니다.session["키"]는 아래와 같습니다.

# "views.py"

from django.shortcuts import redirect

def my_view(request): 
            # Here
    request.session["message"] = "success"
    return redirect("https://example.com")

# "index.html"

{{ request.session.message }} {# success #}

언급URL : https://stackoverflow.com/questions/3024168/how-to-redirect-with-post-data-django

Xcode UI 테스트의 경우 지연/대기

yoursource — Sun, 7 May 2023 21:17:17 +0900

Xcode UI 테스트의 경우 지연/대기

저는 Xcode 7 베타 2에서 사용할 수 있는 새로운 UI 테스트를 사용하여 테스트 케이스를 작성하려고 합니다.앱에는 로그인을 위해 서버에 전화를 거는 로그인 화면이 있습니다.비동기 작업이므로 이와 관련된 지연이 있습니다.

추가 단계로 진행하기 전에 XCT 테스트 케이스에서 지연 또는 대기 메커니즘을 발생시킬 수 있는 방법이 있습니까?

사용할 수 있는 적절한 문서가 없고 수업의 헤더 파일을 검토했습니다.이것과 관련된 어떤 것도 찾을 수 없었습니다.

아이디어/제안이 있습니까?

또한 잠만 자도 됩니다.

sleep(10)

UIT 테스트는 다른 프로세스에서 실행되므로 이 작업이 가능합니다.그게 얼마나 바람직한지는 모르겠지만, 효과가 있어요.

비동기 UI 테스트는 Xcode 7 베타 4에서 도입되었습니다."Hello, World!" 텍스트가 있는 레이블이 나타날 때까지 기다리려면 다음 작업을 수행할 수 있습니다.

let app = XCUIApplication()
app.launch()

let label = app.staticTexts["Hello, world!"]
let exists = NSPredicate(format: "exists == 1")

expectationForPredicate(exists, evaluatedWithObject: label, handler: nil)
waitForExpectationsWithTimeout(5, handler: nil)

UI 테스트에 대한 자세한 내용은 블로그에서 확인할 수 있습니다.

iOS 11 / Xcode 9

<#yourElement#>.waitForExistence(timeout: 5)

이 사이트의 모든 사용자 지정 구현을 대체할 수 있는 훌륭한 솔루션입니다!

여기 제 대답을 꼭 보세요: https://stackoverflow.com/a/48937714/971329 .여기에서는 테스트 실행 시간을 크게 단축할 수 있는 요청을 기다리는 것에 대한 대안을 설명합니다.

Xcode 9는 XCTWaiter로 새로운 트릭을 도입했습니다.

테스트 사례가 명시적으로 대기합니다.

wait(for: [documentExpectation], timeout: 10)

테스트할 웨이터 인스턴스 딜러

XCTWaiter(delegate: self).wait(for: [documentExpectation], timeout: 10)

웨이터 클래스 결과 반환

let result = XCTWaiter.wait(for: [documentExpectation], timeout: 10)
switch(result) {
case .completed:
    //all expectations were fulfilled before timeout!
case .timedOut:
    //timed out before all of its expectations were fulfilled
case .incorrectOrder:
    //expectations were not fulfilled in the required order
case .invertedFulfillment:
    //an inverted expectation was fulfilled
case .interrupted:
    //waiter was interrupted before completed or timedOut
}

견본 용법

Xcode 9 이전

목표 C

- (void)waitForElementToAppear:(XCUIElement *)element withTimeout:(NSTimeInterval)timeout
{
    NSUInteger line = __LINE__;
    NSString *file = [NSString stringWithUTF8String:__FILE__];
    NSPredicate *existsPredicate = [NSPredicate predicateWithFormat:@"exists == true"];

    [self expectationForPredicate:existsPredicate evaluatedWithObject:element handler:nil];

    [self waitForExpectationsWithTimeout:timeout handler:^(NSError * _Nullable error) {
        if (error != nil) {
            NSString *message = [NSString stringWithFormat:@"Failed to find %@ after %f seconds",element,timeout];
            [self recordFailureWithDescription:message inFile:file atLine:line expected:YES];
        }
    }];
}

사용.

XCUIElement *element = app.staticTexts["Name of your element"];
[self waitForElementToAppear:element withTimeout:5];

스위프트

func waitForElementToAppear(element: XCUIElement, timeout: NSTimeInterval = 5,  file: String = #file, line: UInt = #line) {
        let existsPredicate = NSPredicate(format: "exists == true")

        expectationForPredicate(existsPredicate,
                evaluatedWithObject: element, handler: nil)

        waitForExpectationsWithTimeout(timeout) { (error) -> Void in
            if (error != nil) {
                let message = "Failed to find \(element) after \(timeout) seconds."
                self.recordFailureWithDescription(message, inFile: file, atLine: line, expected: true)
            }
        }
    }

사용.

let element = app.staticTexts["Name of your element"]
self.waitForElementToAppear(element)

또는

let element = app.staticTexts["Name of your element"]
self.waitForElementToAppear(element, timeout: 10)

원천

Xcode 8.3 기준으로, 우리는XCTWaiter http://masilotti.com/xctest-waiting/

func waitForElementToAppear(_ element: XCUIElement) -> Bool {
    let predicate = NSPredicate(format: "exists == true")
    let expectation = expectation(for: predicate, evaluatedWith: element, 
                                  handler: nil)

    let result = XCTWaiter().wait(for: [expectation], timeout: 5)
    return result == .completed
}

또 다른 속임수는 다음과 같습니다.wait기능, 나에게 그것을 보여준 존 선델에게 공이 갑니다.

extension XCTestCase {

  func wait(for duration: TimeInterval) {
    let waitExpectation = expectation(description: "Waiting")

    let when = DispatchTime.now() + duration
    DispatchQueue.main.asyncAfter(deadline: when) {
      waitExpectation.fulfill()
    }

    // We use a buffer here to avoid flakiness with Timer on CI
    waitForExpectations(timeout: duration + 0.5)
  }
}

그리고 그것을 처럼 사용합니다.

func testOpenLink() {
  let delegate = UIApplication.shared.delegate as! AppDelegate
  let route = RouteMock()
  UIApplication.shared.open(linkUrl, options: [:], completionHandler: nil)

  wait(for: 1)

  XCTAssertNotNil(route.location)
}

이렇게 하면 스레드를 절전 모드로 전환하거나 시간 초과 시 오류를 발생시키지 않고 지연이 발생합니다.

let delayExpectation = XCTestExpectation()
delayExpectation.isInverted = true
wait(for: [delayExpectation], timeout: 5)

예상이 뒤집혀 있기 때문에 조용히 시간이 초과될 것입니다.

@Ted의 답변을 바탕으로 다음 확장명을 사용했습니다.

extension XCTestCase {

    // Based on https://stackoverflow.com/a/33855219
    func waitFor<T>(object: T, timeout: TimeInterval = 5, file: String = #file, line: UInt = #line, expectationPredicate: @escaping (T) -> Bool) {
        let predicate = NSPredicate { obj, _ in
            expectationPredicate(obj as! T)
        }
        expectation(for: predicate, evaluatedWith: object, handler: nil)

        waitForExpectations(timeout: timeout) { error in
            if (error != nil) {
                let message = "Failed to fulful expectation block for \(object) after \(timeout) seconds."
                let location = XCTSourceCodeLocation(filePath: file, lineNumber: line)
                let issue = XCTIssue(type: .assertionFailure, compactDescription: message, detailedDescription: nil, sourceCodeContext: .init(location: location), associatedError: nil, attachments: [])
                self.record(issue)
            }
        }
    }

}

이렇게 사용하시면 됩니다.

let element = app.staticTexts["Name of your element"]
waitFor(object: element) { $0.exists }

또한 요소가 사라지거나 다른 속성이 변경될 때까지 기다릴 수 있습니다(해당 블록 사용).

waitFor(object: element) { !$0.exists } // Wait for it to disappear

Xcode 테스트 대기

내 경우에는sleep부작용을 만들어서 사용했습니다.wait

let _ = XCTWaiter.wait(for: [XCTestExpectation(description: "Hello World!")], timeout: 2.0)

편집:

사실 방금 Xcode 7b4에서 UI 테스트가 이제expectationForPredicate:evaluatedWithObject:handler:

원본:

다른 방법은 설정된 시간 동안 실행 루프를 회전하는 것입니다.대기 시간(추정)을 알고 있는 경우에만 유용합니다.

Obj-C:[[NSRunLoop currentRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow: <<time to wait in seconds>>]]

스위프트:NSRunLoop.currentRunLoop().runMode(NSDefaultRunLoopMode, beforeDate: NSDate(timeIntervalSinceNow: <<time to wait in seconds>>))

테스트를 계속하기 위해 일부 조건을 테스트해야 하는 경우에는 이 방법이 그다지 유용하지 않습니다.조건부 검사를 실행하려면 다음을 사용합니다.while 루우프

현재 회사에서는 XCUIelement 표현식 기대치를 생성하여 다양한 방법으로 대기하고 있습니다.유지관리가 가능한지 확인하기 위해 다음과 같은 방법으로 작업을 수행합니다(기대되는 다양성이 많으므로 이를 위해 많은 메소드/특정 술어를 생성하고 싶지 않습니다).

스위프트 5

기저법

표현식은 동적 술어 값을 형성하는 데 사용됩니다.우리는 만들 수 있습니다.XCTNSPredicateExpectation'는 술어에서 나온 것이고, 우리는 그 다음에 그것을 전달합니다.XCTWaiter명시적으로 기다리는 것.그 결과가 다른 것이었다면completed선택적인 메시지로 실패합니다.

@discardableResult
func wait(
    until expression: @escaping (XCUIElement) -> Bool,
    timeout: TimeInterval = 15,
    message: @autoclosure () -> String = "",
    file: StaticString = #file,
    line: UInt = #line
) -> Self {
    if expression(self) {
        return self
    }

    let predicate = NSPredicate { _, _ in
        expression(self)
    }

    let expectation = XCTNSPredicateExpectation(predicate: predicate, object: nil)

    let result = XCTWaiter().wait(for: [expectation], timeout: timeout)

    if result != .completed {
        XCTFail(
            message().isEmpty ? "expectation not matched after waiting" : message(),
            file: file,
            line: line
        )
    }

    return self
}

사용.

app.buttons["my_button"].wait(until: { $0.exists })
app.buttons["my_button"].wait(until: { $0.isHittable })

키 경로

다음 및 keyPath가 keyPath인 .match식의 값입니다.

@discardableResult
func wait<Value: Equatable>(
    until keyPath: KeyPath<XCUIElement, Value>,
    matches match: Value,
    timeout: TimeInterval = 15,
    message: @autoclosure () -> String = "",
    file: StaticString = #file,
    line: UInt = #line
) -> Self {
    wait(
        until: { $0[keyPath: keyPath] == match },
        timeout: timeout,
        message: message,
        file: file,
        line: line
    )
}

사용.

app.buttons["my_button"].wait(until: \.exists, matches: true)
app.buttons["my_button"].wait(until: \.isHittable, matches: false)

그런 다음 당신은 그 방법을 포장할 수 있습니다, 어디에서.match은 항상 값은항입니다.true가장 일반적인 사용 사례입니다.

사용.

app.buttons["my_button"].wait(until: \.exists)
app.buttons["my_button"].wait(until: \.isHittable)

저는 그것에 대해 게시물을 썼고, 거기서도 전체 확장 파일을 얻습니다: https://sourcediving.com/clean-waiting-in-xcuitest-43bab495230f

다음 코드는 목표 C에서만 작동합니다.

- (void)wait:(NSUInteger)interval {

    XCTestExpectation *expectation = [self expectationWithDescription:@"wait"];
    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(interval * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        [expectation fulfill];
    });
    [self waitForExpectationsWithTimeout:interval handler:nil];
}

아래와 같이 이 기능으로 전화를 걸면 됩니다.

[self wait: 10];

잠은 실을 막을 것입니다.

"스레드가 차단된 동안에는 실행 루프 처리가 발생하지 않습니다."

waitForExist를 사용할 수 있습니다.

let app = XCUIApplication()
app.launch()

if let label = app.staticTexts["Hello, world!"] {
label.waitForExistence(timeout: 5)
}

   let app = XCUIApplication()
    app.launch()

     //Find the button in the UI 
    let SettingsButton =
        app.navigationBars["HomeView"].buttons["Settings"]
    XCTAssertTrue(settingButton.waitForExistence(timeout: 10))

XCUIelement 에 .exists쿼리가 존재하는지 여부를 확인하는 데 사용할 수 있으므로 다음 구문이 경우에 따라 유용할 수 있습니다!

let app = XCUIApplication()
app.launch()

let label = app.staticTexts["Hello, world!"]
while !label.exists {
    sleep(1)
}

최종적으로 기대가 충족될 것으로 확신하는 경우 이를 실행해 볼 수 있습니다.하는 것이 더 수 .waitForExpectationsWithTimeout(_,handler:_)@Joe Masilotti의 게시물에서 사용해야 합니다.

언급URL : https://stackoverflow.com/questions/31182637/delay-wait-in-a-test-case-of-xcode-ui-testing

VB.NET: 데이터 그리드 보기 지우기

yoursource — Sun, 7 May 2023 21:15:14 +0900

VB.NET: 데이터 그리드 보기 지우기

해봤어요.

DataGridView1.DataSource=Nothing

그리고.

DataGridView1.DataSource=Nothing
DataGridView1.Refresh()

그리고.

DataGridView1.RefreshEdit()

아무 것도 작동하지 않습니다.

실행 시 DataGridView의 DataSource를 설정하는 방법을 작성했습니다.하지만 실행할 때마다 새로운 값으로 데이터를 복제하고 DGV의 이전 내용에 추가합니다.내용을 지우고 값을 추가합니다.그게 가능한가요?

소스에 DataGridView를 DataSource의 Nothing.

DataGridView가 데이터 소스에 바인딩되지 않은 경우 이 코드는 다음과 같은 작업을 수행합니다.

DataGridView.Rows.Clear()

결합되지 않은 경우에는 다음을 참고하십시오.

DataGridView.Rows.Clear()

열 집합을 제자리에 둡니다.

DataGridView.Columns.Clear()

..모든 열과 행이 제거됩니다.DGV 바인딩 해제를 사용하는 경우 다음에 사용할 때 열이 변경되면 행을 지우는 것이 적절하지 않을 수 있습니다.라이브러리 코드의 경우 열을 추가하기 전에 모든 열을 지웁니다.

난 아마 이걸...

DataGridView1.Rows.Clear()

행을 지우고 다시 바인딩합니다.

이렇게 쉬운 길을 따라 가세요.

라고 가정합니다.ta입니다.DataTable

ta.clear()
DataGridView1.DataSource = ta
DataGridView1.DataSource = Nothing

데이터 그리드 보기를 null 대신 빈 컬렉션에 바인딩할 수 없습니다.그게 효과가 있나요?

새 결과를 검색할 때 데이터 그리드 보기에서 이전 레코드를 제거하려면 button_click event를 사용하여 다음 코드를 작성합니다.

me.데이터 그리드 보기1.DataSource.clear()

이 코드는 데이터 그리드 보기에서 이전 레코드를 제거하는 데 도움이 됩니다.

데이터 소스를 null로 설정하면 열이 제거됩니다.이것이 제게 맞는 일입니다.

c#:

((DataTable)myDataGrid.DataSource).Rows.Clear();

VB:

Call CType(myDataGrid.DataSource, DataTable).Rows.Clear()

및 My DataGridView에도 .myDataGridView.Columns.Clear()잘 작동했지만,myDataGridView.Rows.Clear()하지 않았다.시도한 사람들을 위한 참고 자료일 뿐입니다..Rows.

에 대해 아무것도 하지 DataGridView데이터 소스를 삭제합니다.는 클어어요해봤을 클리어하려고 했습니다.myDataset.clear()방법, 그리고 그것은 효과가 있었습니다.

이 코드가 윈도우 형태로 작동하고 있습니다.

Public Class Form1

    Private dataStuff As List(Of String)


    Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click
        DataGridView1.DataSource = Nothing

    End Sub

    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
        dataStuff = New List(Of String)

        dataStuff.Add("qwerty")
        dataStuff.Add("another")
        dataStuff.Add("...and another")

        DataGridView1.DataSource = dataStuff
    End Sub
End Class

데이터 그리드가 일부 데이터 테이블에 바인딩된 경우 데이터 세트에서 테이블을 제거해야 합니다.그리드 보기가 자동으로 삭제됩니다.다른 방법은 없습니다.

[YourDatasetName].Tables.Clear()

그리드뷰 콘텐츠 삭제에서도 동일한 문제가 발생했습니다.제가 사용한 데이터 소스는 열이 없는 데이터 테이블이었고, 데이터 테이블에 열과 행을 프로그래밍 방식으로 추가했습니다.그런 다음 데이터 그리드 보기에 바인딩합니다.와 관련된 와 같은 코드를 사용해 .gridView.Rows.Clear(),gridView.DataSource = Nothing

하지만 저한테는 효과가 없었어요.그런 다음 매번 데이터 그리드 보기에 바인딩하기 전에 데이터 테이블과 관련된 아래 코드를 시도하십시오.

  dtStore.Rows.Clear()
  dtStore.Columns.Clear()
  gridView.DataSource = dtStore

DataGridView에서 복제 없이 정상적으로 작동합니다.

create 버튼을 클릭합니다.내부에 다음 코드 데이터 그리드 뷰어를 삽입합니다.DataSource=없음

검색 버튼에서 다음 문장으로 코드를 시작합니다.

데이터 그리드 뷰어데이터 원본 = DataSet.table

Nb: 테이블 대신 테이블의 실제 이름(예: 데이터 그리드 뷰어)을 입력합니다.데이터 원본 = DataSet.client

SQL 쿼리에서 데이터 그리드 보기로 정보를 제공할 때 데이터 그리드 보기를 다시 로드하기 전에 먼저 지울 수 있습니다.

dbDataSet을 새 DataTable로 정의한 위치에서 확인할 수 있습니다. dbDataSet은 공용 클래스 양식 내에서 양식의 시작 부분에 있어야 합니다.

Dim dbDataset AS New DataTable

당신의 비밀번호 안에, Sub 일병, 위치.

dbDataSet.Clear()

데이터 바인딩을 유지하고 일시적으로 데이터 그리드 보기를 지우려는 사용자 시나리오가 있을 수 있습니다.예를 들어, 사용자가 지도에서 기능을 클릭하여 편집할 속성을 표시하도록 합니다.처음 클릭하거나 이미 클릭하여 편집했습니다.사용자가 "Select Facility" 버튼을 클릭하면 이전 Facility의 데이터에 대한 DataGrid View(데이터 그리드 보기)를 지우려고 합니다(첫 번째 선택인 경우에는 오류를 발생시키지 않습니다).이 시나리오에서는 데이터 그리드 보기를 채우는 생성된 코드를 적용하여 데이터 그리드 보기를 정리할 수 있습니다.생성된 코드가 다음과 같다고 가정합니다.

    Try
        Me.Fh_maintTableAdapter.FillByHydrantNumber(Me.Fh2010DataSet.fh_maint, hydrantNum)
    Catch ex As System.Exception
        System.Windows.Forms.MessageBox.Show(ex.Message)
    End Try

우리는 소화전 번호를 기준으로 데이터 그리드 뷰를 채우고 있습니다.이 코드를 DataGridView를 지우려는 지점에 복사하고 데이터를 검색하지 않을 것으로 알고 있는 "hydrantNum" 값으로 대체합니다.그리드가 제거될 것입니다.또한 사용자가 실제로 시설(이 경우 소화전)을 선택하면 DataGridView를 적절하게 채울 수 있는 바인딩이 마련됩니다.

DataGridView가 데이터 소스에 바인딩된 경우

DataGridView1.DataSource = Nothing
DataGridView1.DataBind()

Dim DS As New DataSet

DS.Clear()데이터셋 지우기는 다음보다 더 잘 작동합니다.DataGridView.Rows.Clear()나를 위한:

Public Sub doQuery(sql As String)
   Try
        DS.Clear()  '<-- here
        '   - CONNECT -
        DBCon.Open()
        '   Cmd gets SQL Query
        Cmd = New OleDbCommand(sql, DBCon)
        DA = New OleDbDataAdapter(Cmd)
        DA.Fill(DS)
        '   - DISCONNECT -
        DBCon.Close()
    Catch ex As Exception
        MsgBox(ex.Message)
    End Try
End Sub

에 약에만.GridView(이름은 다음과 같습니다.)gvArchive는 임의의 )에 있습니다.DataSource다음을 수행하면 삭제됩니다.

gvArchive.DataSource = Nothing

gvArchive.DataBind()

그냥 이것을 쓰세요.

DataGridView1.DataSource = ""

저도 같은 문제가 있었습니다.GridView1을 하나의 SQL 테이블 [사전] 또는 다른 [메니]에 프로그래밍 방식으로 바인딩하고 있었지만 RadioButtonList1에서 두 번째 테이블을 선택했을 때 오류(시스템)가 발생했습니다.Web.HttpException:[이전에 선택한 테이블의 첫 번째 열 제목] 제목을 가진 필드 또는 속성을 선택한 데이터 원본에서 찾을 수 없습니다. 즉, 첫 번째 선택한 테이블의 열을 찾을 수 없음을 나타냅니다.제가 해야 할 일은 다음과 같습니다.

GridView1.Columns.Clear()

테이블 열을 추가하기 전에 입력합니다.다음은 전체 코드입니다.

Dim connectionString As String = "your-string-details"
Dim connection As New SqlConnection(connectionString)

그러면 첫 번째 서브가 나옵니다.

Private Sub BindOrders()
    connection.Open()

    Dim sqlCommand As String = "SELECT * FROM [dictionary]" 
    Dim dataAdapter As New SqlDataAdapter(sqlCommand, connection)
    Dim dt As New DataTable() 
    dataAdapter.Fill(dt)

    GridView1.Columns.Clear() ' clear columns before adding new ones

    If GridView1.Columns.Count <= 0 Then
        Dim Field As New BoundField()
        Field.DataField = "id"
        Field.HeaderText = "id"
        GridView1.Columns.Add(Field)

        Field = New BoundField()
        Field.DataField = "strArHundreds"
        Field.HeaderText = "strArHundreds"
        GridView1.Columns.Add(Field)

        Field = New BoundField()
        Field.DataField = "strArTens"
        Field.HeaderText = "strArTens"
        GridView1.Columns.Add(Field)

        Field = New BoundField()
        Field.DataField = "strArSingles"
        Field.HeaderText = "strArSingles"
        GridView1.Columns.Add(Field)
    End If

    GridView1.DataSource = dt
    GridView1.DataBind()

    connection.Close()
End Sub

그런 다음 두 번째 서브가 나옵니다.

Private Sub BindDocuments()
    connection.Open()

    Dim sqlCommand As String = "SELECT * FROM [meny]"
    Dim dataAdapter As New SqlDataAdapter(sqlCommand, connection)
    Dim dt As New DataTable()

    dataAdapter.Fill(dt)

    GridView1.Columns.Clear() ' clear columns before adding new ones

    If GridView1.Columns.Count <= 0 Then
        Dim Field As New BoundField
        Field = New BoundField
        Field.DataField = "id"
        Field.HeaderText = "id"
        GridView1.Columns.Add(Field)

        Field = New BoundField
        Field.DataField = "nazev"
        Field.HeaderText = "nazev"
        GridView1.Columns.Add(Field)
    End If

    GridView1.DataSource = dt
    GridView1.DataBind()

    connection.Close()
End Sub

마지막으로 라디오 버튼이 제공됩니다.

Protected Sub RadioButtonList1_SelectedIndexChanged(sender As Object, e As EventArgs) Handles RadioButtonList1.SelectedIndexChanged
    Dim index As Integer
    index = RadioButtonList1.SelectedIndex
    Select Case index
        Case 0
            BindOrders()
            Exit Select
        Case 1
            BindDocuments()
            Exit Select
    End Select
End Sub

다음은 연결된 asx.file의 GridView1 및 RadioButtonList1에 대한 코드입니다.

<asp:RadioButtonList ID="RadioButtonList1"
    runat="server"
    AutoPostBack="True"
    OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
    <asp:ListItem>Obraty</asp:ListItem>
    <asp:ListItem>Dokumenty</asp:ListItem>
</asp:RadioButtonList>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
</asp:GridView>

이제는 이 모든 것이 잘 작동합니다.

데이터를 저장하기 위해 데이터 집합 개체를 사용하는 것처럼 보이는 실수를 범했습니다.다음 코드를 사용하여 데이터 집합에 데이터를 넣을 때마다 데이터 집합에 이미 있는 데이터에 데이터를 추가합니다.

myDataAdapter.Fill(myDataSet)

다음 코드로 데이터 집합의 테이블을 프로그램의 DataGridView 개체에 할당하면 데이터 집합과 데이터 집합 테이블에 이미 있는 데이터를 지우지 않았기 때문에 중복된 결과가 표시됩니다.

myDataGridView.DataSource = myDataSet.Tables(0)

데이터 복제를 방지하려면 데이터 집합 개체에 대해 clear 메서드를 호출해야 합니다.

myDataSet.clear()

그런 다음 데이터 집합의 테이블을 DataGridView 개체에 할당합니다.코드는 이렇습니다.

myDataSet.clear()
myDataAdapter.Fill(myDataSet)
myDataGridView.DataSource = myDataSet.Tables(0)

다음 코드를 사용할 수 있습니다.

' clear previous data
DataGridView2.DataSource = Nothing
DataGridView2.DataMember = Nothing
DataGridView2.Refresh()
Try
    connection.Open()
    adapter1 = New SqlDataAdapter(sql, connection)
    ' clear data already in the dataset
    ds1.Clear()
    adapter1.Fill(ds1)
    DataGridView2.DataSource = ds1.Tables(0)
    connection.Close()
Catch ex As Exception
    MsgBox(ex.ToString)
End Try

clear datgridview 명령을 구현하려는 모든 곳에서 이 코드 사용

datagridview1.datasource= nothing
datagridview1.datasource= ds
dt.clear()               'Dt as new DATATABLE
ds.clear()              'Ds as new Dataset

이 코드는 데이터 그리드 보기를 지우고 데이터베이스에서 데이터를 채울 때 데이터 복제를 중지합니다.

다음과 같은 방법으로 수행할 수 있습니다.

DataGridView1.Enable = false
DataGridView1.DataSource = Nothing
DataGridView1.Enable = true

그리드 보기 데이터를 지우려면 데이터 집합 또는 데이터 테이블을 지워야 합니다.

이 코드를 사용합니다. 다시 제출하더라도 그리드 보기 데이터를 지웁니다. 새 OleDb 연결 Dimcmd 새 OleDb 명령 Dimda 새 OleDb 데이터 어댑터 Dimda 새 OleDb 데이터 판독기 Dimda 새 데이터 테이블(con)로 작동합니다.상태 <> 1) 그렇다면 con.열기() 종료 Ifdt.삭제() '데이터를 매번 삭제하고 데이터 cmd를 새로 작성합니다.연결 = concmd.CommandText = "사용자에서 * 선택" da.명령 = cmdda를 선택합니다.데이터 그리드 보기1을 채웁니다.데이터 원본 = dt DataGridView1.표시 = 참

    cmd.Dispose()
    con.Close()

이 작업은 다음 두 줄로만 수행할 수 있습니다.

DataGridView1.DataSource=Nothing
DataGridView1.DataBind()

DataGridView의 모든 데이터를 지우려는 경우에도 이 코드를 사용할 수 있습니다.

DataGridView1.DataSource.Clear()

특정 셀에 대해 이 작업을(를) 사용합니다.

Datagrid.Rows(RowIndex).Cells(ColIndex).Value = DBNull.Value

DgRemolques는 WPF의 데이터 그리드 이름입니다.

dgRemolques.ItemsSource = DataTabledRemolques도 정리해야 합니다.지우기()

언급URL : https://stackoverflow.com/questions/2217175/vb-net-clear-datagridview

단일 SELECT 문에 공통 테이블 식을 여러 개 사용하려면 어떻게 해야 합니까?

yoursource — Sun, 7 May 2023 21:14:32 +0900

단일 SELECT 문에 공통 테이블 식을 여러 개 사용하려면 어떻게 해야 합니까?

복잡한 select 문을 단순화하는 중이라 일반적인 표 표현을 사용하려고 합니다.

단일 ct를 선언하는 것은 잘 작동합니다.

WITH cte1 AS (
    SELECT * from cdr.Location
    )

select * from cte1

동일한 SELECT에서 둘 이상의 ct를 선언하고 사용할 수 있습니까?

이 SQL은 오류를 제공합니다.

WITH cte1 as (
    SELECT * from cdr.Location
)

WITH cte2 as (
    SELECT * from cdr.Location
)

select * from cte1    
union     
select * from cte2

잘못은

Msg 156, Level 15, State 1, Line 7
Incorrect syntax near the keyword 'WITH'.
Msg 319, Level 15, State 1, Line 7
Incorrect syntax near the keyword 'with'. If this statement is a common table expression, an xmlnamespaces clause or a change tracking context clause, the previous statement must be terminated with a semicolon.

NB. 세미콜론을 넣으려고 시도했지만 이 오류가 발생했습니다.

Msg 102, Level 15, State 1, Line 5
Incorrect syntax near ';'.
Msg 102, Level 15, State 1, Line 9
Incorrect syntax near ';'.

관련이 없을 수도 있지만 SQL 2008에 대한 내용입니다.

저는 다음과 같은 것이어야 한다고 생각합니다.

WITH 
    cte1 as (SELECT * from cdr.Location),
    cte2 as (SELECT * from cdr.Location)
select * from cte1 union select * from cte2

기본적으로,WITH는 여기서 절일 뿐이며 목록을 사용하는 다른 절과 마찬가지로 ","가 적절한 구분 기호입니다.

위에서 언급한 답은 옳습니다.

WITH 
    cte1 as (SELECT * from cdr.Location),
    cte2 as (SELECT * from cdr.Location)
select * from cte1 union select * from cte2

또한 cte2의 cte1에서 쿼리할 수도 있습니다.

WITH 
    cte1 as (SELECT * from cdr.Location),
    cte2 as (SELECT * from cte1 where val1 = val2)

select * from cte1 union select * from cte2

val1,val2표현에 대한 추측일 뿐입니다.

이 블로그가 또한 도움이 되기를 바랍니다: http://iamfixed.blogspot.de/2017/11/common-table-expression-in-sql-with.html

언급URL : https://stackoverflow.com/questions/584284/how-can-i-have-multiple-common-table-expressions-in-a-single-select-statement

yoursource

NodeJS 및 MariaDB, 쿼리 내 자리 표시자

NodeJS 및 MariaDB, 쿼리 내 자리 표시자

장고를 사용하여 두 날짜 중에서 선택

장고를 사용하여 두 날짜 중에서 선택

RecyclerView 어댑터 데이터 업데이트 방법

RecyclerView 어댑터 데이터 업데이트 방법

단일 항목 삽입

여러 항목 삽입

단일 항목 제거

여러 항목 제거

모든 항목 제거

이전 목록을 새 목록으로 바꾸기

단일 항목 업데이트

단일 항목 이동

코드

메모들

추가 연구

다른 열과 같은 열에 SQL 가입

다른 열과 같은 열에 SQL 가입

상위 9개로 정렬된 카운트(count_id)를 기준으로 상위 9개 및 기타를 가져온 다음 다른 카운트를 'club' 범주로 묶는 방법

상위 9개로 정렬된 카운트(count_id)를 기준으로 상위 9개 및 기타를 가져온 다음 다른 카운트를 'club' 범주로 묶는 방법

원형으로 글꼴 멋진 아이콘 만들기?

원형으로 글꼴 멋진 아이콘 만들기?

다음을 사용하여 원의 글꼴 아이콘em기본 치수로

OpenCV & Python - 이미지가 너무 커서 표시할 수 없습니다.

OpenCV & Python - 이미지가 너무 커서 표시할 수 없습니다.

시퀀스 점(c)

시퀀스 점(c)

Android Fragment 핸들 뒤로 버튼 누르기

Android Fragment 핸들 뒤로 버튼 누르기

갱신하다

백스택 확인이 완벽하게 작동합니다.

연결 문자열에서 기본 스키마를 설정할 수 있습니까?

연결 문자열에서 기본 스키마를 설정할 수 있습니까?

테스트 파일 하위 테스트 시작 서버 mysql을 만들 수 없습니다.

테스트 파일 하위 테스트 시작 서버 mysql을 만들 수 없습니다.

Git 태그를 재생성한 후 "태그가 원격에 이미 있습니다" 오류가 발생했습니다.

Git 태그를 재생성한 후 "태그가 원격에 이미 있습니다" 오류가 발생했습니다.

최신 타임스탬프별 MySQL 선택

최신 타임스탬프별 MySQL 선택

UI 레이블의 textColor 속성을 애니메이션화하는 방법은 무엇입니까?

UI 레이블의 textColor 속성을 애니메이션화하는 방법은 무엇입니까?

Docker 명령의 --net=host 옵션은 실제로 무엇을 합니까?

Docker 명령의 --net=host 옵션은 실제로 무엇을 합니까?

select2 - 검색 상자 숨기기

select2 - 검색 상자 숨기기

Div 높이가 100%이고 내용에 맞게 확장됩니다.

Div 높이가 100%이고 내용에 맞게 확장됩니다.

powershell의 스크립트 블록에 인수 전달

powershell의 스크립트 블록에 인수 전달

UIView - 보기가 로드될 때 알림을 받는 방법은 무엇입니까?

UIView - 보기가 로드될 때 알림을 받는 방법은 무엇입니까?

Eclipse에서 렌더링 라이브러리가 ADT 플러그인보다 최신이라고 보고함

Eclipse에서 렌더링 라이브러리가 ADT 플러그인보다 최신이라고 보고함

사용자 지정 확인란 이미지 안드로이드

사용자 지정 확인란 이미지 안드로이드

트위터 부트스트랩 3: 미디어 쿼리를 사용하는 방법?

트위터 부트스트랩 3: 미디어 쿼리를 사용하는 방법?

부트스트랩 3

부트스트랩 4

부트스트랩 5

부트스트랩 3

부트스트랩 5

투입량 감소

SCSS 입력

산출량

또는 간단한 Sass-Compass:

예:

드롭다운의 트리거 변경 이벤트

드롭다운의 트리거 변경 이벤트

com.google.android.gms.maps에 대한 다른 조각으로 ID, 태그 null 또는 상위 ID가 중복됩니다.지도 조각

com.google.android.gms.maps에 대한 다른 조각으로 ID, 태그 null 또는 상위 ID가 중복됩니다.지도 조각

도커를 사용하여 포트를 두 개 이상 노출하려면 어떻게 해야 합니까?

도커를 사용하여 포트를 두 개 이상 노출하려면 어떻게 해야 합니까?

1단계

2단계

3단계

확인란을 선택해야 함

확인란을 선택해야 함

다음을 사용하여 원의 글꼴 아이콘`em`기본 치수로

다운로드.`Dockerfile`도커 이미지 구축